border-top-color
Определение border-top-color
CSS свойство border-top-color
определяет цвет элемента верхней границы.
Примечание: Всегда объявляйте CSS войство border-style или border-top-style перед свойством border-top-color
. У элемента должна быть граница, прежде чем вы сможете изменить цвет.
Значение по умолчанию: | текущий цвет элемента |
---|---|
Унаследовано: | no |
Анимируемый: | yes. Читайте о animatable Попробуй |
Версия: | CSS1 |
JavaScript синтаксис: | object.style.borderTopColor="blue" Попробуй |
Поддержка border-top-color
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
border-top-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис border-top-color
border-top-color: color|transparent|initial|inherit;
Значения border-top-color
Значение | Описание | Демонстрация |
---|---|---|
color | Определяет цвет верхней границы. Смотреть CSS Значения цвета для получения полного списка возможных значений цвета. Цвет по умолчанию - текущий цвет элемента | Демо ❯ |
transparent | Определяет, что цвет границы должен быть прозрачным | Демо ❯ |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры border-top-color
Установите цвет для верхней границы с значением HEX:
div {border-top-color: #92a8d1;}
Попробуйте сами »
Установите цвет для верхней границы с значениемn RGB:
div {border-top-color: rgb(201, 76, 76);}
Попробуйте сами »
Установите цвет для верхней границы с значениемn 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;}
Попробуйте сами »
Страницы по теме border-top-color
CSS Учебник: CSS Границы
CSS Справочник: border-top свойство
HTML DOM справочник: borderTopColor свойство