Закрыть   X

  •    
  •    
Печать

border-style

Автор: Алексей Елизаров.

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


 


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки