Свойство border-style


Свойство border-style применяется для сокращенного задания свойств border-top-style, border-right-style, border-bottom-style и border-left-style. Так как значением по умолчанию является none, то бордюр не будет отображаться до тех пор, пока это свойство не будет установлено в другое значение. Может принимать от одного до четырех значений:

  • аргумент один - то он используется для всех четырех сторон
  • аргументов два - то первый используется для свойств border-top-style и border-bottom-style, а второй для свойств border-left-style и border-right-style
  • аргументов три - то первый используется для свойства border-top-style, второй - для свойств border-left-style и border-right-style, а третий - для свойства border-bottom-style
  • аргументов четыре - то первый используется для свойства border-top-style, второй - для свойства border-right-style, третий - для свойства border-bottom-style, и четвертый для свойства border-left-style
Синтаксис
border-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset
Возможные значения и ключевые слова
noneбордюр отсутствует
dottedлиния из точек поверх фона элемента
dashedлиния точка-тире поверх фона элемента
solidсплошная линия
doubleдвойная линия поверх фона элемента, суммарная толщина обоих линий и расстояния между ними равна значению свойства border-width элемента
grooveпсевдотрехмерная вдавленная линия на основе цвета из свойства color элемента
ridgeпсевдотрехмерная выпуклая линия на основе цвета из свойства color элемента
insetпсевдотрехмерная вдавленная линия на основе цвета из свойства color элемента
outsetпсевдотрехмерная выпуклая линия на основе цвета из свойства color элемента
Разное
По умолчаниюnone
Применимоко всем элементам
Наследованиенет
Процентное значениене применимо
Mediavisual

В следующем примере, при форматировании заголовков первого уровня (тег h1), используется бордюр в виде двойной линии.

h1 {border-style: double}

Примечание: Браузеры могут интерпретировать значения dotted, dashed, double, groove, ridge, inset и outset как solid.

Примечание: Internet Explorer 5.0 не поддерживает значения стиля бордюра, отличные от none и solid. Все стили отличные от этих двух воспринимаются как solid.

Навигация