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

Свойство border-style

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

Свойство border-style — задает тип линии границ элемента (отмечено желтым цветом).
граница отмечена желтым цветом

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

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

Пример


.block {
border-style: solid;
}


Твой код:

Результат: