CSS outline-width Свойство
Пример
Задайте ширину контура:
div {outline-width: thick;}
Подробнее примеры ниже.
Определение и использование
Контур представляет собой линию, которая рисуется вокруг элементов (за пределами границ), чтобы сделать элемент "выделиться".
outline-width
задает ширину контура.
Примечание: Всегда объявляйте свойство стиль структуры перед
outline-width
свойством. Элемент должен иметь контур перед изменением его ширины.
Значение по умолчанию: | medium |
---|---|
Inherited: | no |
Animatable: | yes, see individual properties. Читайте о animatable |
Version: | CSS2 |
Синтаксис JavaScript: | object.style.outlineWidth="12px" |
Советы и примечания
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако он отличается от свойства Border.
Структура не является частью размеров элемента, поэтому свойства Width и Height элемента не содержат ширину контура.
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Синтаксис CSS
outline-width: medium|thin|thick|length|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
medium | Задает средний контур. Это значение по умолчанию | |
thin | Задает тонкий контур | |
thick | Задает толщину контура | |
length | Позволяет определить толщину контура. Читать о единицах длины | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Установите ширину контура в среднее (по умолчанию):
div {outline-width: medium;}
Пример
Установите ширину контура в тонкий:
div {outline-width: thin;}
Пример
Установите ширину контура в 1px:
div {outline-width: 1px;}
Пример
Установите ширину контура в 15пкс:
div {outline-width: 15px;}
Похожие страницы
CSS Справочник: CSS Outline
CSS Справка: outline Свойство
HTML DOM Справочник: outlineWidth Свойство