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