English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство outline-width CSS устанавливает ширину контура элемента. Однако, в многих случаях, сокращенные CSS свойстваoutlineБолее удобное использование и предпочтение.
Таблица ниже содержит описание использования и историю версий этого свойства, а также синтаксис использования в скриптах JavaScript.
| Значение по умолчанию: | medium |
|---|---|
| Для: | Все элементы |
| Инheritance: | Нет |
| Анимировано: | Да.Пожалуйста, обратитесь к Анимационные свойства. |
| Версия: | CSS 2, 3 |
| JavaScript синтаксис: | object.style.outlineWidth="medium" |
Синтаксис этого свойства следующий:
outline-width: thin | medium | thick | length | initial | inherit
Ниже приведен пример того, как использовать свойство outline-width.
p {
outline-style: solid;
outline-width: thick;
}Тестировать, смотреть <‹/›Примечание:Вы должны объявитьoutline-styleСвойство. Элемент должен иметь контур, чтобы можно было установить ширину контура, так как значение по умолчанию для свойства outline-style - none.
Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| thin | Тонкий контур. |
| medium | Средний контур. |
| thick | Толстый контур. |
| length | Числовые значения в единицах px, em и т.д. Запрещены отрицательные значения. |
| inherit | Если задан, то связанный элемент использует значение свойства outline-width родительского элемента. |
Совместимость браузеров для свойства outline-width, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Предупреждение: Microsoft Internet Explorer 7 и более ранние версии не поддерживают свойство outline-width. IE8 поддерживает это свойство, но требует действительного<!DOCTYPE>.
Пожалуйста, обратитесь к урокам по следующим темам:CSS контур,CSS рамка.
Связанные свойства:outline,outline-style,outline-color.