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

Пример

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

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

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

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

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

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

См. также
outline-width
outline
outline-color