css властивість outline-style
Властивість outline-style встановлює стиль зовнішнього контуру елемента.
На відміну від кордону елемента (наприклад, встановлено за допомогою border або пов'язаних з ним властивостей), контур елемента не займає зайвого місця, і може бути не прямокутним.
Контур завжди знаходиться над блоком, і це не впливає на положення чи розмір елементу або інших елементів.
| Нотатка: | Для задання контуру зручніше використовувати універсальну властивість |
Синтаксис
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Властивість outline-style може отримувати 12 значень:
noneКонтур не відображається. Це значення паревизначає властивість
outline-width. Без задання.hiddenМайже те саме що й none, за винятком вирішення конфліктів контурів для елементів таблиці.
dottedКонтур з точок.
dashedПунктирний контур.
solidСуцільний контур.
doubleПодвійний контур.
grooveРифлений 3D контур.
ridgeРебристий 3D контур.
insetУрізаний (звеpxу-справа) 3D контур.
outsetУрізаний (знизу-зліва) 3D контур.
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента.
| Значення без задання: | none |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.outlineStyle="dashed" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| outline-style | 1.0 |
8.0 |
1.5 |
1.2 |
7.0 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| outline-style | 1.0 |
1.5 |
1.2 |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Встановлює стиль контуру елемента.
p {
outline-style: dotted;
}