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

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

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да 4+ 11+ 1+ Да

Краткая информация

Значение по умолчанию transparent или значение цвета, заданное через color
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Реализация в javascript Добавление стиля непосредственно самому элементу
document.getElementById('idElement').style.borderTopColor = '#1e5799';
в данном случае элементу с id='idElement' будет добавлен стиль
border-top-color:#1e5799;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="border-top-color:#1e5799;">...</div>
Реализация в jQuery Добавление стиля непосредственно самому элементу
$('#idElement').css('border-top-color','#1e5799');
в данном случае элементу с id='idElement' будет добавлен стиль
border-top-color:#1e5799;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="border-top-color:#1e5799;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Устанавливает цвет верхней границы элемента.

Перед использованием данного свойства необходимо задать стиль через border, border-top, border-style или border-top-style и толщину границы через border, border-top, border-width или border-top-width

Синтаксис

border-top-color: цвет | transparent | inherit;

Например:

... border-top-color: rgb(30, 87, 153); или border-top-color: transparent; ...

Значения

transparent

Устанавливает прозрачный цвет.

inherit

Наследует значение цвета родителя.

цвет

Цвета в любых допустимых CSS значениях цвета

initial Свойство добавлено в CSS3. Устанавливает исходное значение свойства.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример использования свойства border-top-color</title> <style> div { padding: 10px; border: 3px solid #666; border-top-color:#1e5799; } </style> </head> <body> <div> В этом блоке показан пример использования border-top-color CSS. </div> </body> </html>

Результат

В этом блоке показан пример использования border-top-color CSS.