Почему необходимо добавить схему в CSS? Избыточен ли контур существующих?

Question

Сегодня я замечаю свойства набросков в CSS. Однако я не знаю, почему он добавлен в CSS? Зачем? Для меня достаточно отступа, отступа, границы.

Answer 1

outline создает рамку вне области элемента, не добавляя к его ширине и не влияя на окружающий макет .Со страницы quirksmode.org на outline:

Контур фактически не является частью поля, он никак не учитывается по ширине или высотеa box.

Это действительно очень полезная функция, поскольку она позволяет, например, выделять элемент при действиях hover / focus, не мешая соседним элементам.Небольшой пунктирный контур вокруг сфокусированных ссылок в Firefox выполняется с помощью свойства outline.

Однако он не поддерживается в IE <8, поэтому используется только для ограниченного ежедневного использования. </p>

• Таблица совместимости Quirksmode.org

Answer 2

По этой причине:)

Обратите внимание на пунктирную границу вокруг изображения:

Используется для удаления этого.

Answer 3

Быстрый Google, http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=outline+css, приводит к этой статье , в которой упоминается, что вы можете убить пунктирные границы на якорях и тому подобное с помощью контура.

Чтобы добавить, это граница, которая не занимает пространство элемента и не меняет положение вещей. Может быть полезно для отладки. Также не поддерживается в IE6 / IE7.

Answer 4

Обычно используется для обозначения фокуса из того, что я понимаю.Если вы посмотрите на сбросы CSS некоторых людей, они сделают что-то вроде этого:

*:focus { outline: none; }

Вы увидите это в основном вокруг тегов привязки, если просто откроете страницу и начнете нажимать TAB несколько раздолжны видеть, что разные ссылки имеют примененную схему, если в таблице стилей не указано иное.