border-style
Краткое описание свойства border-style
Позволяет задать стиль рамки. 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;}
Первый аргумент задает стиль рамки сверху от элемента.
Второй аргумент задает стиль рамки слева и справа от элемента.
Третий аргумент задает стиль рамки снизу от элемента.
2 аргумента:
p {border-style: dotted dashed;}
Первый аргумент задает стиль рамки сверху и снизу от элемента.
Второй аргумент задает стиль рамки слева и справа от элемента.
1 аргумент:
p {border-style: dashed;}
Используется для того, чтоб одновременно задать стиль рамки для всех сторон.
Добавить комментарий
