Материал 84 not found.

outline-style

Свойство outline-style определяет вид контура вокруг элемента. В отличие от свойства border-style, применение данного параметра не влияет на размер или местоположение элемента, т.к. контур отображается поверх блока элемента (см. статью Материал 84 not found. ).

Пример

input:focus, textarea:focus {
outline-style: dashed;
outline-color: blue;
outline-size: 3px;
}

Возможные значения

none
Значение по умолчанию. Контур не отображается.
hidden
Контур не отображается.
dotted
Контур отображается в виде точек.   Как в этом примере
dashed
Контур отображается в виде коротких черточек.   Как в этом примере
solid
Контур отображается в виде линии.   Как в этом примере
double
Контур отображается в виде двух линий.   Как в этом примере
groove
Контур отображается в виде вдавленной рамки.   Как в этом примере
ridge
Данное значение отображает эффект, противоположный groove. Контур отображается в виде условно выступающей рамки.   Как в этом примере
inset
Применение этого значение создает рамку с имитацией 3D эффекта, при котором осветляется нижний правый угол рамки.   Как в этом примере
outset
Применение этого значение создает рамку с имитацией 3D эффекта, при котором осветляется верхний левый угол рамки.   Как в этом примере
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Значение по умолчанию: none

Применяется: Ко всем элементам

Наследуется: Нет

См. также