CSS свойство outline, поддержка в браузерах, примеры использования // Вебшкола онлайн



Перейти к справке CSS

p { outline:#00FF00 dotted thick;

}

Описание и использование

Свойство CSS outline задает стиль рамки (outline), которая находится за пределами границ элемента и предназначена для выделения элемента. Чтобы было понятнее, что такое outline, я сделал пример:

Бордюр — синего цвета, outline — красного*.

*Обратите внимание, что изменение ширины бордюра изменяет размеры самого элемента, изменяя положение элемента в блоке, в то время, как изменение ширины внешней границы не влияет на размер элемента, внешняя граница при этом визуально накрывает все, до чего дотянется))

Свойство outline задает свойства всех четырех внешних границ элемента в одной записи.

Свойства задаются в следующем порядке: outline-color, outline-style, outline-width.

Если пропущено одно из значений, будет подставлено значение по умолчанию.

Поддержка в браузерах

Свойство outline поддерживается всеми основными браузерами.

Заметка: свойство outline работает верно в Internet Explorer 8 (и выше), только если указан Doctype.

Возможные значения свойства outline

Похожие страницы

Учебник CSS: Outline в CSS

Перейти к справке CSS