CSS Свойство outline Задаёт внешнюю линию вокруг элемента, не занимая при этом пространства и не изменяя размер элемента. - Отличается от border тем, что не влияет на расположение или размер элемента. Значения: - outline-width — Толщина контура. - outline-style — Стиль контура. Например: solid, dotted, dashed - outline-color — Цвет контура. Можно указать любой цвет в форматах цвета CSS, например: red, #FF0000, rgb(255, 0, 0), rgba(255, 0, 0, 0.5). - outline-offset — Отдельное свойство, задающее расстояние между контуром и границей элемента. Может быть положительным (контур отдаляется от элемента) или отрицательным (контур приближается к элементу). Примеры: - Простой контур: .selector { outline: 2px solid yellow; } - Этот стиль добавит красный сплошной контур шириной в 2px вокруг элемента с классом .selector. - Контур с отступом: .selector { outline: 2px dashed blue; outline-offset: 5px; } - Этот стиль создаст синий пунктирный контур с отступом в 5px от границы элемента. - Удаление контура: .selector { outline: none; } - Удаляет контур у элемента, что может быть полезно для стилизации :focus состояния элементов формы, чтобы избежать автоматически добавляемых браузером контуров. Зачем использовать: - Улучшение доступности: Outline часто используется для подсветки элемента при его фокусе, что важно для пользователей, навигирующих с помощью клавиатуры. - Визуальное выделение: Выделение активных или важных элементов на странице без влияния на их размер и расположение. ⚡️ Навыкиверстальщика | CSS