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

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

CSS синтаксис

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

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

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

Пример использования

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


p {
     outline-style: dotted;
}