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