Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство outline-style | назначение, допустимые значения, примеры

Свойство outline-style

Последнее обновление: 08.01.2011

Свойство outline-style задает стиль обводки элемента.

Допустимые значения

  • none — нет обводки, равносильно, что и ширина обводки равно нулю
  • hidden — скрытая обводка. Не отображает обводку, но в блочной модели учитывается ширина обводки
  • dotted — серия точек
  • dashed — серия коротких отрезков
  • solid — сплошная линия
  • double — двойная сплошная линия
  • groove — выглядит как будто содержимое выдавлено из фона
  • ridge — выглядит как будто содержимое вдавлено в фон
  • inset — выглядит как будто содержимое — это нажатая кнопка
  • outset — выглядит как будто содержимое — это не нажатая кнопка
  • inherit — наследует значение от родителя
Значение по умолчанию none
Применимо ко всем элементам
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 8 и выше
  • Firefox 1.5 и выше
  • Opera 7 и выше
  • Netscape 8 и выше
  • Safari 1.5 и выше
  • Chrome 1 и выше

Пример


input:focus {
outline-color: blue;
outline-width: 2px;
outline-style: solid;
}


Твой код:

Результат: