border-style

Свойство border-style управляет стилем рамки (бордюра, границы) вокруг элемента, оказывая влияние на все четыре её стороны.

Пример

h1 {border-style: none}
p {border-style: solid dotted}
code {border-style: solid}

Возможные значения

solid
Обычная сплошная рамка.
none
Рамка отсутствует, её ширина равна нулю.
hidden
Результат тот же, что и при border-style: none - рамка не отображается.
dotted
Рамка в виде последовательности точек (мелкий пунктир).
dashed
Пунктирная рамка.
double
Двойная линия.
groove
"Вдавленная" рамка, с эффектом объёма.
ridge
"Выпуклая" рамка, с эффектом объёма.
inset
Вариант "вдавленной" рамки, с эффектом объёма.
outset
Вариант "выпуклой" рамки, с эффектом объёма.
...список...
Одно, два, три или четыре вышеприведенных значения, разделенных пробелом, например solid dashed. Если указано одно значение, оно применится ко всей рамке. Если два значения - верхней и нижней рамкам будет присвоено первое, левой и правой - второе. Если три значения - верхней рамке будет присвоено первое, левой и правой - второе, нижней - третье. Если указать четыре значения, они применятся подряд к верхней, правой, нижней и левой рамкам соответственно.
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Применяется: Ко всем элементам

Наследуется: Нет

Значение по умолчанию: none