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

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

border-top-color устанавливает цвет верхнего края элемента.

Можете определить только чистый цвет, и рамка будет видна только когда стиль рамки не equals none или hidden.

Комментарий:Всегда указывайте атрибут border-style до border-color. Элемент должен получить рамку, прежде чем вы измените его цвет.

См. также:

Урок CSS:Краевая линия CSS

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

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

Пример

Установка цвета верхнего края:

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

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

CSS синтаксис

border-top-color: color|transparent|initial|inherit;

Значение свойства

Значение свойства

Значение Описание
color_name Определяет цвет рамки по имени цвета (например, red).
hex_number Определяет цвет рамки в формате шестнадцатеричного числа (например, #ff0000).
rgb_number Определяет цвет рамки в формате rgb кода (например, rgb(255,0,0)).
transparent Значение по умолчанию. Цвет рамки прозрачен.
inherit Определяет, что цвет рамки должен быть передан от родительского элемента.

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

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

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

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

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

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

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

Комментарий:Internet Explorer 6 (и более ранние версии) не поддерживают значение属性 "transparent".

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