border-style css

Позволяет задать стиль рамки.

border-style - позволяет задать стиль рамки элемента со всех сторон либо только в указанных.

Синтаксис:

p {border-style:стиль;}

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

нет

Обьектная модель:

[window.]document.getElementById("elementID").style.borderStyle

Примеры возможных стилей рамки элемента:
* Для наглядности используется ширина рамки равная 5px.

none

dashed

dotted

double

groove

inset

outset

ridge

solid

При испльзовании свойства border-style можно использовать 1, 2, 3 или 4 аргумента.

4 аргумента:

p {border-style: dotted groove dashed double;}

dotted groove dashed double

При использовании 4 аргументов можно задать разный стиль рамки для каждой стороны.

3 аргумента:

p {border-style: dotted dashed double;}

dotted dashed double

Первый аргумент задает стиль рамки сверху от элемента.
Второй аргумент задает стиль рамки слева и справа от элемента.
Третий аргумент задает стиль рамки снизу от элемента.

2 аргумента:

p {border-style: dotted dashed;}

dotted dashed

Первый аргумент задает стиль рамки сверху и снизу от элемента.
Второй аргумент задает стиль рамки слева и справа от элемента.

1 аргумент:

p {border-style: dashed;}

dashed

Используется для того, чтоб одновременно задать стиль рамки для всех сторон.

Стили css - cssmake.ru

border-style