Свойство border-top-style

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

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

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

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

Пример


.block {
border-top-style: solid;
}

Заметки

Используйте сокращенную запись определения свойств для нижней границы border-top — это позволит сократить объем CSS кода.

По теме