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.