css властивість outline-style

Властивість outline-style встановлює стиль зовнішнього контуру елемента.

На відміну від кордону елемента (наприклад, встановлено за допомогою border або пов'язаних з ним властивостей), контур елемента не займає зайвого місця, і може бути не прямокутним.

Контур завжди знаходиться над блоком, і це не впливає на положення чи розмір елементу або інших елементів.

правити

Нотатка

Для задання контуру зручніше використовувати універсальну властивість outline

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Властивість outline-style може отримувати 12 значень:

none

Контур не відображається. Це значення паревизначає властивість outline-width. Без задання.

автор: Svitlana

правити

hidden

Майже те саме що й none, за винятком вирішення конфліктів контурів для елементів таблиці.

автор: Svitlana

правити

dotted

Контур з точок.

автор: Svitlana

правити

dashed

Пунктирний контур.

автор: Svitlana

правити

solid

Суцільний контур.

автор: Svitlana

правити

double

Подвійний контур.

автор: Svitlana

правити

groove

Рифлений 3D контур.

автор: Svitlana

правити

ridge

Ребристий 3D контур.

автор: Svitlana

правити

inset

Урізаний (звеpxу-справа) 3D контур.

автор: Svitlana

правити

outset

Урізаний (знизу-зліва) 3D контур.

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивості від свого батьківського елемента.

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
outline-style	1.0	1.5	1.2	7.0	12.0	8.0

Підтримка: мобільні переглядачі

Переглядач
outline-style	1.0	1.5	1.2

Приклади

+ запропонувати свій приклад у пісочниці

<p>Абзац із крапчастим контуром.</p>

p {
    outline-style: dotted;
    margin: 12px;
}