outline
Оновлено: 30.12.2022
outline
Універсальна властивість, що одночасно встановлює колір, стиль і товщину зовнішньої межі на всіх чотирьох сторонах елемента. На відміну від лінії, що задається через border, у властивості outline є такі особливості:
- outline не впливає на розміри та положення самого елемента;
- outline не займає місця, не впливає на навколишні елементи і відображається поверх них;
- не можна задати параметри лінії на окремих сторонах елемента, outline застосовується відразу до всіх чотирьох сторін;
- властивість border-radius не діє.
Коротка інформація
| Значення за замовчуванням | Немає |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
outline: outline-color || outline-style || outline-width
Значення
| outline-color | Задає колір лінії в будь-якому допустимому для CSS форматі. |
| outline-style | Стиль лінії. |
| outline-width | Товщина межі. |
Приклад
Результат цього прикладу показано на рис. 1.