свойство border-bottom-width
Свойство border-bottom-width определяет толщину нижней рамки элемента. Ширина нижней границы рамки, по умолчанию, не наследуется и считается равным значению medium. Толщина может задаваться любым доступным способом в соответствии со стандартом CSS 2.1 или CSS 3, ключевыми словами thin, medium, thick, либо значением inherit.
Допустимые значения:
Примеры использования
Значение | solid | dotted | dashed | groove | inset |
---|---|---|---|---|---|
.elementBorderBottomStyle { border-left-width: thin; } |
thin
solid |
thin
dotted |
thin
dashed |
thin
groove |
thin
inset |
.elementBorderBottomStyle { border-left-width: medium; } |
medium
solid |
medium
dotted |
medium
dashed |
medium
groove |
medium
inset |
.elementBorderBottomStyle { border-left-width: thick; } |
thick
solid |
thick
dotted |
thick
dashed |
thick
groove |
thick
inset |
.elementBorderBottomStyle { border-left-width: 5%; } |
5%
solid |
5%
dotted |
5%
dashed |
5%
groove |
5%
inset |
.elementBorderBottomStyle { border-left-width: 1em; } |
1em
solid |
1em
dotted |
1em
dashed |
1em
groove |
1em
inset |
.elementBorderBottomStyle { border-left-width: 1ex; } |
1ex
solid |
1ex
dotted |
1ex
dashed |
1ex
groove |
1ex
inset |
.elementBorderBottomStyle { border-left-width: 1px; } |
1px
solid |
1px
dotted |
1px
dashed |
1px
groove |
1px
inset |
.elementBorderBottomStyle { border-left-width: 0.10in; } |
0.10in
solid |
0.10in
dotted |
0.10in
dashed |
0.10in
groove |
0.10in
inset |
.elementBorderBottomStyle { border-left-width: 0.5cm; } |
0.5cm
solid |
0.5cm
dotted |
0.5cm
dashed |
0.5cm
groove |
0.5cm
inset |
.elementBorderBottomStyle { border-left-width: 2mm; } |
2mm
solid |
2mm
dotted |
2mm
dashed |
2mm
groove |
2mm
inset |
.elementBorderBottomStyle { border-left-width: 1pt; } |
1pt
solid |
1pt
dotted |
1pt
dashed |
1pt
groove |
1pt
inset |
.elementBorderBottomStyle { border-left-width: 1pc; } |
1pc
solid |
1pc
dotted |
1pc
dashed |
1pc
groove |
1pc
inset |
Свойство border-bottom-width
относится к спецификации CSS, применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение medium. На данный момент свойство поддерживается во всех основных браузерах.
Смотри также:
- border-width - Толщина линии рамки элемента
- border-top-width - Толщина верхней линии рамки элемента
- border-right-width - Толщина правой линии рамки элемента
- border-left-width - Толщина левой линии рамки элемента
- border - Свойства рамки элемента
- border-style - Стиль линии рамки элемента
Краткое описание
Толщина нижней линии рамки элемента
Синтаксис:
<length> | thin | medium | thick | inherit
По умолчанию:
medium
Применяется к:
всем элементам
Наследование:
не наследуетсяТип носителя:
визуальные
Объектная модель документа (DOM):
[элемент].style.borderBottomWidth
Кроссбраузерная совместимость
Internet Explorer
5+ |
---|
Firefox
2.0+ |
---|
Chrome
1.0+ |
---|
Safari
1.0+ |
---|
Opera
8.5+ |
---|