border-style
Свойство border-style управляет стилем рамки (бордюра, границы) вокруг элемента, оказывая влияние на все четыре её стороны.
dotted |
solid |
dashed |
double |
inset |
outset |
ridge |
groove |
Пример
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
См. также
border-bottom-style
border-top-style
border-right-style