CSS/properties/outline

Материал из Энциклопедия о программировании
Перейти к: навигация, поиск

outline — CSS свойство для создания кольца фокуса.

Как правило, каждый раз, когда пользователь фокусируется на элементе, он полагается на встроенное в браузер, создаваемое CSS свойством outline, кольцо фокуса для стилизации элемента.

Иногда кольцо фокуса может выглядеть криво или может просто не укладываться в дизайн страницы. Некоторые разработчики удаляют этот стиль совсем, устанавливая свойству элемента outline значение 0 или none. Но без индикатора фокуса, как пользователь клавиатуры должен знать с каким элементом он сейчас взаимодействует?

Внимание: Никогда не устанавливайте outline в 0 или none без предоставления альтернативного фокуса!

Контрольный список WebAIM в этом смысле требует чтобы было «Визуально видно, какой элемент страницы имеет текущий фокус клавиатуры (то есть, когда вы переходите по странице, вы можете видеть, где вы находитесь).»

CSS свойство outline используется для селектора с псевдоклассом focus.