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

Определение и использование

Атрибут border-top-width устанавливает ширину верхнего края элемента.

Действует только при стиле рамки не none. Если стиль рамки none, ширина рамки фактически будет сброшена до 0. Запрещены отрицательные значения длины.

Комментарий:Всегда объявляйте атрибут border-style перед border-top-width. Элементы могут изменять ширину рамки только после того, как они получили рамку.

См. также:

Урок CSS:Края в CSS

Руководство по CSS:Атрибут border-top

Руководство по HTML DOM:Атрибут borderTopWidth

Пример

Установка ширины верхнего края:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Попробуйте сами

CSS синтаксис

border-top-width: medium|thin|thick|length|initial|inherit;

Значение атрибута

Значение Описание
thin Определяет тонкий верхний край.
medium Значение по умолчанию. Определяет средний верхний край.
thick Определяет толстый верхний край.
length Позволяет вам определить ширину верхнего края.
inherit Определяет, что ширина рамки должна быть получена от родительского элемента.

Технические детали

Значение по умолчанию: medium
Ингерит: no
Версия: CSS1
JavaScript синтаксис: object.style.borderTopWidth="thick"

Более примеров

Установка ширины верхнего края
Этот пример демонстрирует, как установить ширину верхнего края.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Комментарий:Браузеры IE7 и более ранние версии не поддерживают значение "inherit". Для IE8 необходим !DOCTYPE. IE9 поддерживает "inherit".