СSS Свойство outline-width
Определение и использование
Контур - это линия, которая рисуется вокруг элементов (вне границ), чтобы элемент "выделялся".
Свойство outline-width задает ширину контура.
Примечание: Всегда объявляйте свойство outline-style перед свойством outline-width. Элемент должен иметь контур, прежде чем изменять его ширину.
| Значение по умолчанию: | medium |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.outlineWidth="12px" Попробовать |
Советы и примечания
Контур - это линия вокруг элемента. Он отображается вокруг поля элемента. Однако он отличается от пограничного свойства.
Свойство outline не является частью размеров элемента, поэтому свойства элемента width b 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 | Позволяет определить толщину контура. Прочитать о Eдиницы длины | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Установитm ширину контура на средний (это индекс):
div {outline-width: medium;}
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Контур
CSS Справочник: Свойство outline
HTML DOM Справочник: Свойство outlineWidth
