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

CSS властивість outline-width визначає товщину контуру елемента.

Для того, щоб властивість outline-width спрацювала, необхідно:

• Оголоситие властивість outline-style перед властивістю outline-width. Елемент повинен мати стиль, перш ніж змінювати його ширину.
• встановити у властивості outline-style будь-яке значення відмінне від none.

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

правити

Нотатка

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

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

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

Синтаксис

outline-width: medium|thin|thick|length|initial|inherit;

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

medium

Контур середньої товщини (3 пікселі). Без задання.

автор: Svitlana

правити

thin

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

автор: Svitlana

правити

thick

Товстий контур (6 пікселів).

автор: Svitlana

правити

length

Власта товщини контуру. Дозволено використовувати будь-які одиниці прийняті в CSS.

автор: Svitlana

правити

initial

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

автор: Svitlana

правити

inherit

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

автор: Svitlana

правити

Переглядачі

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

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

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

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

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

Приклади

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

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

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