css властивість outline-width
CSS властивість outline-width визначає товщину контуру елемента.
Для того, щоб властивість outline-width спрацювала, необхідно:
- Оголоситие властивість
outline-styleперед властивістюoutline-width. Елемент повинен мати стиль, перш ніж змінювати його ширину. - встановити у властивості
outline-styleбудь-яке значення відмінне відnone.
На відміну від кордону елемента (наприклад, встановлено за допомогою кордону або пов'язаних з ним властивостей), контур елемента не займає зайвого місця, і може бути не прямокутним.
| Нотатка: | Для задання контуру зручніше використовувати універсальну властивість |
Синтаксис
outline-width: medium|thin|thick|length|initial|inherit;Властивість outline-width може отримувати 6 значень:
mediumКонтур середньої товщини (3 пікселі). Без задання.
thinТонкий контур.
thickТовстий контур (6 пікселів).
lengthВласта товщини контуру. Дозволено використовувати будь-які одиниці прийняті в CSS.
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента.
| Значення без задання: | medium |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.outlineWidth="2px" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| outline-width | 1.0 |
8.0 |
1.5 |
1.2 |
7.0 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| outline-width | 1.0 |
1.5 |
1.2 |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Задає товщину контуру елемента в 5px.
p {
outline-style: dotted;
outline-width: 5px;
}