СSS Свойство outline
Пример
Установить контур вокруг элемента <h2> и элемента <div>:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
Попробуйте сами »
Определение и использование
Контур - это линия, которая рисуется вокруг элементов, вне границ, чтобы элемент "выделялся".
Свойство outline - это сокращенное свойство для:
- outline-width
- outline-style (требуемый)
- outline-color
Если параметр outline-color опущен, применяемый цвет будет соответствовать цвету текста.
Примечание: Свойство outline не является частью размеров элемента, поэтому элемента width и height элемента не содержат ширину контура.
| Значение по умолчанию: | medium invert color |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.outline="#0000FF dotted 5px" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS Синтаксис
outline: outline-width outline-style outline-color|initial|inherit;
Значения свойств
| Значение | Описание |
|---|---|
| outline-width | Задает ширину контура |
| outline-style | Задает стиль контура |
| outline-color | Задает цвет контура |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS Учебник: CSS Контур
HTML DOM Справочник: Свойство outline
