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;
}