Свойство outlineWidth
Пример style.outlineWidth
Измените ширину контура элемента <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Попробуйте сами »
Описание outlineWidth
Свойство outlineWidth задает или возвращает ширину контура вокруг элемента.
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако он отличается от свойства border.
Контур не является частью размеров элемента, поэтому свойства width и height элемента не содержат ширину контура.
Поддержка outlineWidth
| Свойство | |||||
|---|---|---|---|---|---|
| outlineWidth | Да | Да | Да | Да | Да |
Синтаксис outlineWidth
Вернуть свойство outlineWidth:
object.style.outlineWidth
Установите свойство outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Значение свойства outlineWidth
| Значение | Описание |
|---|---|
| thin | Определяет тонкий контур |
| medium | Определяет средний контур. Это по умолчанию |
| thick | Определяет толстый контур |
| length | Ширина контура в единицах длины |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали outlineWidth
| Значение по умолчанию: | medium |
|---|---|
| Возвращаемое значение: | Строка, представляющая ширину контура элемента. |
| CSS Версия | CSS2 |
Ещё примеры outlineWidth
Измените ширину контура элемента <div>, используя значение "thick":
document.getElementById("myDiv").style.outlineWidth = "thick";
Попробуйте сами »
Вернуть свойство outlineWidth элемента <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
Попробуйте сами »
Связанные страницы outlineWidth
CSS Учебник: CSS Контур
CSS Справочник: Свойство outline-width
HTML DOM Справочник: Свойство outline