CSS border-top-color Свойство
Пример
Задайте цвет для верхней границы:
div {border-top-color: coral;}
Подробнее примеры ниже.
Определение и использование
Свойство border-top-color
задает цвет верхней границы элемента.
Примечание: Перед свойством всегда объявляйте свойство border-style или Top-Style border-top-color
. Элемент должен иметь границу, прежде чем можно изменить цвет.
Значение по умолчанию: | Текущий цвет элемента |
---|---|
Inherited: | no |
Animatable: | yes. Читайте о animatable |
Version: | CSS1 |
Синтаксис JavaScript: | object.style.borderTopColor="blue" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
border-top-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
border-top-color: color|transparent|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
color | Задает цвет верхней границы. Посмотрите на значения цвета CSS для полного списка возможных значений цвета. Цвет по умолчанию — это цвет элемента | |
transparent | Указывает, что цвет границы должен быть прозрачным | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Задайте цвет для верхней границы с шестнадцатеричным значением:
div {border-top-color: #92a8d1;}
Пример
Задайте цвет для верхней границы со значением RGB:
div {border-top-color: rgb(201, 76, 76);}
Пример
Задайте цвет для верхней границы со значением RGBA:
div {border-top-color: rgba(201, 76, 76, 0.3);}
Пример
Задайте цвет для верхней границы со значением HSL:
div {border-top-color: hsl(89, 43%, 51%);}
Пример
Задайте цвет для верхней границы со значением HSLA:
div {border-top-color: hsla(89, 43%, 51%, 0.3);}
Пример
Установите прозрачную верхнюю границу:
div {border-top-color: transparent;}
Похожие страницы
CSS Справочник: CSS Border
CSS Справка: border-top Свойство
HTML DOM Справочник: borderTopColor Свойство