свойство 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+