Закрыть   X

  •    
  •    
Печать

border-width

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

CSS свойство border-width

Поддержка браузеров

 

Описание

 

Свойство border-width задает ширину для границ рамки элемента. Можно использовать от 1 до 4 значений. Ширина устанавливается начиная с верхней позиции. Если задано два значения ширины подряд, это значит первое значение для верхней и нижней границы, второе значение для правой и левой границы.

  • border-width:thin medium thick 10px;
    • Верхняя граница - тонкая
    • Правая граница - средняя
    • Нижняя граница - толстая
    • Левая граница - 10px
  • border-width:thin medium thick;
    • Верхняя граница - тонкая
    • Правая и левая границы - средние
    • Нижняя граница - толстая
  • border-width:thin medium;
    • Верхняя и нижняя границы - тонкие
    • Правая и левая границы - средние
  • border-width:thin;
    • Все четыре границы - тонкие
Значение по умолчанию: medium
Наследуется: нет
Версия: CSS1
Синтаксис JavaScript: object.style.borderWidth="thin thick"


Значения свойства

Значение Описание
thin Тонкая граница рамки.
medium Средняя граница рамки.
thick Толстая граница рамки.
ширина Позволяет определить ширину рамки в единицах измерения, поддерживающихся CSS.
inherit Указывает, что значение наследуется от родительского элемента.

body{
border-style:solid;
border-width:20px;
}


 


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