Свойство outline
Пример style.outline
Добавьте контур вокруг элемента <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Попробуйте сами »
Описание outline
Свойство outline устанавливает или возвращает все свойства контура в сокращенной форме.
С помощью этого свойства вы можете установить/вернуть одно или несколько из следующих (в любом порядке):
- outline-width
- outline-style
- outline-color
Контур — это линия вокруг элемента. Она отображается вокруг поля элемента. Однако она отличается от свойства border.
Контур не является частью размеров элемента, поэтому свойства width и height элемента не содержат ширину контура.
Поддержка outline
| Свойство | |||||
|---|---|---|---|---|---|
| outline | Да | Да | Да | Да | Да |
Синтаксис outline
Вернуть свойство outline:
object.style.outline
Установите свойство outline:
object.style.outline = "width style color|initial|inherit"
Значение свойства outline
| Параметр | Описание |
|---|---|
| width | Устанавливает ширину контура |
| style | Устанавливает стиль контура |
| color | Устанавливает цвет контура |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали outline
| Значение по умолчанию: | medium none invert |
|---|---|
| Возвращаемое значение: | Строка, представляющая ширину контура, стиль и/или цвет элемента. |
| CSS Версия | CSS2 |
Ещё примеры outline
Измените ширину, стиль и цвет контура элемента <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Попробуйте сами »
Вернуть свойство Outline, значение свойства элемента <div>:
alert(document.getElementById("myDiv").style.outline);
Попробуйте сами »
Связанные страницы outline
CSS Учебник: CSS Контур
CSS Справочник: Свойство outline