Атрибут style outlineWidth

Определение и использование

outlineWidth Атрибут устанавливает или возвращает ширину контура вокруг элемента.

Контур представляет собой линию вокруг элемента. Он отображается вокруг внешнего поля элемента. Однако, он отличается от атрибута рамки.

Контур не является частью размеров элемента, поэтому атрибуты ширины и высоты элемента не включают ширину контура.

См. также:

Учебник по CSS:Опись CSS

Руководство по CSS:Атрибут outline

Руководство по HTML DOM:Атрибут outline

Пример

Пример 1

Изменить ширину контура элемента <div>:

document.getElementById("myDiv").style.outlineWidth = "10px";

Попробуйте сами

Пример 2

Использовать значение "thick", чтобы изменить ширину контура элемента <div>:

document.getElementById("myDiv").style.outlineWidth = "thick";

Попробуйте сами

Пример 3

Вернуть ширину контура элемента <div>:

alert(document.getElementById("myDiv").style.outlineWidth);

Попробуйте сами

Грамматика

Вернуть атрибут outlineWidth:

object.style.outlineWidth

Установить атрибут outlineWidth:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Значение атрибута

Значение Описание
thin Определяет тонкий контур.
medium Определяет средний контур. По умолчанию.
thick Определяет толстый контур.
length Ширина контура измеряется в единицах длины.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Инheritует этот атрибут от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: medium
Возвратное значение: Строка, представляющая ширину контура элемента.
Версия CSS: CSS2

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка