Определяет стиль контура. Контур отображается за рамкой и поверх элемента и никак не влияет на его размер или позицию.
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;
}