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» |
Поддержка в браузерах
Свойство outline поддерживается всеми основными браузерами.
Заметка: свойство outline работает верно в Internet Explorer 8 (и выше), только если указан Doctype.
Возможные значения свойства outline
| Значение | Описание |
|---|---|
| outline-color | Цвет внешней границы. Смотрите возможные значения в outline-color |
| outline-style | Стиль внешней границы. Смотрите возможные значения в outline-style |
| outline-width | Ширина внешней границы. Смотрите возможные значения в outline-width |
| inherit | Значение наследуется от родительского элемента |
Похожие страницы
Учебник CSS: Outline в CSS