Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS outline

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

p
{
outline:#00FF00 dotted thick;
}


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

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

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

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

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

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

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

Значение по умолчанию invert none medium
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.outline="#0000FF dotted thin"

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

Chrome Firefox Internet Explorer Opera Safari
Свойство outline поддерживается всеми основными браузерами.

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


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

Значение Описание
outline-color Цвет внешней границы. Смотрите возможные значения в outline-color
outline-style Стиль внешней границы. Смотрите возможные значения в outline-style
outline-width Ширина внешней границы. Смотрите возможные значения в outline-width
inherit Значение наследуется от родительского элемента

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

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


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта