CSS свойство outline-style

Определяет стиль контура. Контур отображается за рамкой и поверх элемента и никак не влияет на его размер или позицию.

CSS синтаксис

outline-style: значение;

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

Значение Описание
none Значение по умолчанию. Без контура.
hidden Контур скрыт.
dotted Контур состоит из точек.
dashed Контур состоит из черточек.
solid Сплошная линия.
double Двойная сплошная линия.
groove 3-D контур, представляющий прорезанный желоб. Эффект зависит от значения свойства outline-color.
ridge 3-D контур, представляющий оттиснутую борозду. Эффект зависит от значения свойства outline-color.
inset 3-D контур, представляющий вдавленное углубление. Эффект зависит от значения свойства outline-color.
outset 3-D контур, представляющий выставленное возвышение. Эффект зависит от значения свойства outline-color.
initial Устанавливает значение по умолчанию.
inherit Значение наследуется от родительского элемента.

Пример

Устанавливаем стиль контура элемента


p {
     outline-style: dotted;
}