CSS-свойство outline
Описание: Определяет рамку вокруг элемента без изменения его размеров, часто применяемую для визуального выделения, например, при фокусе с клавиатуры.
Значения:
- none
- auto
- solid
- dotted
- dashed
- double
- groove
- ridge
- inset
- outset
Начальное значение: none
Применяется к: Все элементы
Наследуется: Нет
Медиа-тип: visual
Пример использования
.button:focus {
outline: 2px solid #000;
}Доступность (a11y)
- Использование outline при фокусе помогает пользователям, которые перемещаются по странице с клавиатуры, понимать, где сейчас находится фокус.
- Не убирайте outline без замены на альтернативный фокус-стиль, чтобы не ухудшать доступность для людей с нарушениями зрения или моторики.