CSS свойство border-style
Поддержка браузеров
Описание
Свойство border-style задает стиль для границ рамки элемента. Можно использовать от 1 до 4 значений. Стиль устанавливается начиная с верхней позиции. Если задано два стиля подряд, это значит первое значение для верхней и нижней границы, второе значение для правой и левой границы.
-
border-style:dotted solid double dashed;
-
Верхняя граница - точечная
-
Правая граница - сплошная
-
Нижняя граница - двойная
-
Левая граница - пунктирная
-
border-style:dotted solid double;
-
Верхняя граница - точечная
-
Правая и левая границы - сплошные
-
Нижняя граница - двойная
-
border-style:dotted solid;
-
Верхняя и нижняя границы - точечные
-
Правая и левая границы - сплошные
-
border-style:dotted;
-
Все четыре границы - точечные
|
Значение по умолчанию: |
не определено |
|
Наследуется: |
нет |
|
Версия: |
CSS1 |
|
Синтаксис JavaScript: |
object.style.borderStyle="dotted double" |
Значения свойства
|
Значение |
Описание |
|
none |
Указывает, что рамка отсутствует. |
|
hidden |
Тоже самое что и значение "none". |
|
dotted |
Точечная рамка. |
|
dashed |
Пунктирная рамка. |
|
solid |
Сплошная рамка. |
|
double |
Двойная рамка. |
|
groove |
Создает эффект объемной рамки. |
|
ridge |
Создает эффект объемной рамки. |
|
inset |
Создает эффект объемной рамки. |
|
outset |
Создает эффект объемной рамки. |
|
inherit |
Указывает, что значение наследуется от родительского элемента. |
{
border-width:5px;
border-style:dashed;
}
