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

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

Свойство borderTopColor устанавливает цвет верхнего края элемента.

Можете определить только чистый цвет, и рамка появится только если стиль рамки не 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 Определяет, что цвет рамки должен наследоваться от родительского элемента.

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

Значение по умолчанию: не указано
Ингерит: нет
Версия: CSS1
JavaScript синтаксис: объект.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".