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