CSS-свойство outline-width устанавливает ширину контура элемента. Однако во многих случаях краткое свойство outline удобнее для использования.
| Значение по умолчанию: | medium |
| Применяется к: | Все элементы |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | CSS 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
outline-width: thin | medium | thick | length | initial | inheriПримеры написания кода свойства outline-width:
p {
outline-style: solid;
outline-width: thick;
}Вы должны объявить свойство outline-style перед свойством outline-width. Элемент должен иметь контуры, прежде чем вы сможете установить для него ширину, потому что значением по умолчанию для свойства outline-style является none.
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
thin |
Тонкий outline. |
medium |
Средний outline. |
thick |
Широкий outline. |
| length | Значение длины в px, em и т. д. Отрицательные значения недопустимы. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента outline-width. |
Поддержка браузеров
Свойство outline-width поддерживается во всех основных браузерах.
Internet Explorer 7 и более ранние версии не поддерживают свойство outline-width. IE8, однако, поддерживает это свойство, но требует допустимого <!DOCTYPE>.
