Свойства CSS

Меню

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;
    • Все четыре рамки - точечные

стили рамок CSS

Значение по умолчанию: 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;
}
Кликните на любое значение свойства, чтобы увидеть результат