Свойство контура стиля
Пример
Добавьте контур вокруг элемента <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Определение и использование
Свойство схемы задает или возвращает все свойства схемы в сокращенной форме.
С помощью этого свойства вы можете установить/возвратить одно или несколько из следующих значений (в любом порядке):
- ширина контура
- стиль контура
- цвет контура
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако оно отличается от пограничного свойства.
Контур не является частью размеров элемента, поэтому свойства ширины и высоты элемента не содержат ширину контура.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство контура:
object.style.outline
Установите свойство контура:
object.style.outline = "width style color|initial|inherit"
Значения свойств
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | средний нет инвертировать |
---|---|
Возвращаемое значение: | Строка, представляющая ширину контура, стиль и/или цвет элемента. |
CSS-версия | CSS2 |
Дополнительные примеры
Пример
Измените ширину, стиль и цвет контура элемента <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Пример
Верните значения свойств структуры элемента <div>:
alert(document.getElementById("myDiv").style.outline);
Связанные страницы
Учебное пособие по CSS: Структура CSS
Справочник по CSS: свойство контура
❮ Объект стиля