CSS приклад: outline-width

Опис

Встановлює товщину зовнішньої межі елемента. Для outline-width не можна встановити межу для кожного боку елемента окремо, на відміну від властивості border-width.

Для коректної роботи outline-width необхідно встановити для властивості outline-style будь-яке значення, крім none.

Синтаксис

outline-width: thin | medium | thick | значення | inherit

Значення

thin
Тонка лінія. Значення в пікселях може змінюватися в залежності від браузера, але зазвичай складає 1 піксель.
medium
Лінія середньої товщини (3 пікселя).
thick
Лінія великої товщини (6 пікселів).
значення
Для точного встановлення товщини можна використовувати будь-які одиниці розміру, прийняті в CSS.
inherit
Наслідує значення батька.

Часті запитання

  • Q: Як використовувати outline-width в CSS?

    A: outline-width - це CSS властивість, яка встановлює товщину контуру для елемента. Наприклад: .element { outline-width: 2px; }

  • Q: Де можна використовувати outline-width в CSS?

    A: outline-width можна використовувати для стилізації контурів елементів, які набули фокусу або вибрані клавішами Tab.

  • Q: Чи можна використовувати від'ємне значення для outline-width в CSS?

    A: Так, outline-width може приймати від'ємні значення для створення контурів всередині елементу.

  • Q: Як змінити товщину контуру під час наведення курсору на елемент в CSS?

    A: Можна використовувати псевдоклас :hover для зміни товщини контуру під час наведення курсору. Наприклад: .element:hover { outline-width: 4px; }

  • Q: Як вимкнути контур, який з'являється під час натискання на елемент у браузері?

    A: Можна встановити outline-width на 0 або використовувати outline: none; для вимкнення контуру, який з'являється під час натискання.