СSS Свойство border-top-color
Определение и использование
Свойство border-top-color задает цвет верхней границы элемента.
Примечание: Всегда объявляйте свойсво border-style или border-top-style перед свойством border-top-color. Элемент должен иметь границу, прежде чем вы сможете изменить цвет.
| Значение по умолчанию: | Текущий цвет элемента |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | 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 |
Примеры
Пример
Установить цвет для верхней границы с HEX:
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
