border-style

 
border-style - управляет стилем границ всех сторон элемента.

Значения

none - граница не отображается, значение ее ширины не принимаются во внимание.
hidden - тот же эффект, что и при none за исключением применения border-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае нижняя граница в ячейке не будет отображаться вообще.
dotted - граница состоящая из набора точек.
dashed - линия, состоящая из серии коротких отрезков, пунктирная линия.
solid - сплошная линия.
double - двойная линия.
inset - псевдотрехмерная вдавленная линия.
outset - псевдотрехмерная выпуклая линия.
groove - эффект вдавленной линии.
ridge - эффект рельефной линии.

inherit - наследует значение родительского элемента.

Пример использования

{
        background-color:#FFFFFF;
        border:solid 2px red; /*красная сплошная */
        border-style: dotted; /*граница пунктиром */
}

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

1. Применяется ко всем элементам.
2. Значение по умолчанию: none
3. Не наследуется.

Синтаксис

border-style: [none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset] {1,4} | inherit

Версии CSS

CSS 1
CSS 2
CSS 2.1
CSS 3

Смотрите также:

border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.