outline-style

 
outline-style - устанавливает стиль внешней границы элемента. В отличие от линии, задаваемой через border, линия через outline отображается вокруг элемента, не влияя на ширину блока или его положение.

Значения

none - граница не отображается вообще. Это значение перекрывает свойство outline-width, если оно присутствует.
dotted - линия состоящая из набора точек.
dashed - пунктирная линия, состоящая из серии коротких отрезков.
solid - сплошная линия.
double - двойная линия.
groove - создает эффект вдавленной рамки.
ridge - создает эффект рельефной границы.
inset - псевдотрехмерная рамка, при которой правая и нижняя граница осветляется, а левая и верхняя линии затемняются.
outset - псевдотрехмерная рамка, при которой левая и верхяя граница имеют более светлый оттенок, чем заданный цвет, а правая и нижняя линии затемняются.

inherit - наследует значение свойства родительского элемента.

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

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

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

1. Применяется ко всем элементам.
2. Значение по умолчанию: none
3. Не наследуется.

Синтаксис

outline-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit

Версии CSS

CSS 2
CSS 2.1
CSS 3

Смотрите также:

outline
outline-color
outline-style
outline-width

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.