свойство border-width

Свойство border-width определяет толщину линии рамки вокруг элемента. С помощью этого свойства можно установить ширину всех границ элемента (border-top-width, border-right-width, border-bottom-width, border-left-width). Толщина рамки, по умолчанию, не наследуется и считается равным значению medium. Толщина может задаваться любым доступным способом в соответствии со стандартом CSS 2.1 или CSS 3, ключевыми словами thin, medium, thick, либо значением inherit. В зависимости от количества заданых значений (от 1 до 4), устанавливаются цвета для разных сторон рамки:

• Если указано единственное значение, то данная величина применяется для толщины всех сторон (border-top-width, border-right-width, border-bottom-width, border-left-width)
• Если указано два значения, то первая величина устанавливает толщину верхней и нижней стороны (border-top-width, border-bottom-width), а вторая - для левой и правой стороны (border-left-width, border-right-width)
• Три значения, устанавливают, соответственно, толщину границы для верхней (border-top-width), правой и левой (border-left-width, border-right-width), а также нижней (border-bottom-width) сторон.
• Четыре значения последовательно применяются для всех сторон начиная с верхней по часовой стрелке - верхняя, правая, нижняя, левая границы.

Допустимые значения:

Примеры использования

.elementBorderStyle {
    border-width: thin;
}

.elementBorderStyle {
    border-width: medium;
}

.elementBorderStyle {
    border-width: thick;
}

.elementBorderStyle {
    border-width: 5%;
}

.elementBorderStyle {
    border-width: 1em;
}

.elementBorderStyle {
    border-width: 1ex;
}

.elementBorderStyle {
    border-width: 1px;
}

.elementBorderStyle {
    border-width: 0.10in;
}

.elementBorderStyle {
    border-width: 0.5cm;
}

.elementBorderStyle {
    border-width: 2mm;
}

.elementBorderStyle {
    border-width: 1pt;
}

.elementBorderStyle {
    border-width: 1pc;
}

Свойство border-width относится к спецификации CSS, применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение medium. На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

• border-top-width - Толщина верхней линии рамки элемента
• border-right-width - Толщина правой линии рамки элемента
• border-bottom-width - Толщина нижней линии рамки элемента
• border-left-width - Толщина левой линии рамки элемента
• border - Свойства рамки элемента
• border-style - Стиль линии рамки элемента

• Спецификация стандарта CSS 2.1
• Спецификация стандарта CSS 3
• Описание на Mozilla Developer Network
• Описание на Microsoft Developer Network
• Описание на Safari Developer Library