Что означает auto, когда я пишу:
auto
:focus { outline: auto 5px -webkit-focus-ring-color }
Это не задокументировано здесь , и я не могу найти документацию в другом месте.
Вы используете сокращение для свойств outline-*;auto представляет значение для outline-style, а auto само по себе означает, что браузер должен решить, что делать на основе контекста элемента.
outline-*
outline-style
Я просто хотел бы отметить, что в IE auto ничего не отображается, и вам придется явно объявить, какой тип границы вы хотите использовать. Ссылка Алекса К. является хорошей демонстрацией работы других популярных браузеров.