Свойство контура стиля
Пример
Измените ширину контура элемента <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Определение и использование
Свойство layoutWidth задает или возвращает ширину контура вокруг элемента.
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако оно отличается от пограничного свойства.
Контур не является частью размеров элемента, поэтому свойства ширины и высоты элемента не содержат ширину контура.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство layoutWidth:
object.style.outlineWidth
Задайте свойство layoutWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Значения свойств
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
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.outlineWidth = "thick";
Пример
Возвращает ширину контура элемента <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
Связанные страницы
Учебное пособие по CSS: Структура CSS
Справочник по CSS: свойство контура
Справочник по HTML DOM: свойство структуры
❮ Объект стиля