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

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

Сокращенный атрибут border-top устанавливает все свойства верхнего края в одном заявлении.

Свойства можно устанавливать в следующем порядке:

Если не указать некоторые значения, это не вызовет проблем, например, border-top:solid #ff0000; также допускается.

См. также:

CSS учебник:Края CSS

HTML DOM справочник:Атрибут borderTop

Пример

Установите стиль верхнего края:

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

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

CSS синтаксис

border-top: border-width border-style border-color|initial|inherit;

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

Значение Описание
border-top-width Определяет ширину верхнего края. См. также:border-top-width возможных значений.
border-top-style Определяет стиль верхнего края. См. также:border-top-style возможных значений.
border-top-color Определяет цвет верхнего края. См. также:border-top-color возможных значений.
inherit Определяет, что значение свойства border-top должно быть принято от родительского элемента.

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

Значение по умолчанию: не указано
Ингерит: нет
Версия: CSS1
JavaScript синтаксис: object.style.borderTop="3px solid blue"

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

Все свойства верхнего края в одном заявлении
Этот пример демонстрирует использование сокращенного свойства для установки всех свойств верхнего края в одном заявлении.

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

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

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

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