English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство CSS border-top-color устанавливает цвет верхнего края элемента в отдельности. Однако, в многих случаях, как border-colorИлиborder-topИспользование таких сокращенных CSS свойств более удобно и предпочтительно.
Таблица ниже содержит описание использования и историю версий этого атрибута, а также синтаксис его использования в скриптах JavaScript.
| Значение по умолчанию: | colorЗначения атрибута |
|---|---|
| Применяется к: | Все элементы |
| Наследование: | Нет |
| Анимируемо: | Да.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript синтаксис: | объект.style.borderTopColor="red" |
Синтаксис этого атрибута следующий:
border-top-color: color | transparent | initial | inherit
Ниже приведен пример того, как использовать атрибут border-top-color.
p {
border-style: solid;
border-top-color: #ff0000;
}Тестировать, чтобы увидеть‹/›Примечание:Вы должны объявить border-bottom-width атрибут до border-top-width атрибута.border-styleатрибут. Элемент должен иметь рамку, чтобы можно было установить ширину рамки, так какborder-styleЗначением по умолчанию для этого атрибута является none.
Таблица ниже описывает значения этого атрибута.
| Значение | Описание |
|---|---|
| color | Указать цвет верхнего края рамки. См.Цветовые значения CSSдля получения списка возможных значений цветов. |
| transparent | Разрешает сделать рамку прозрачной, хотя это может занятьborder-widthПространство для установки атрибута. |
| initial | Установить этот атрибут в его значение по умолчанию. |
| inherit | Если указан, то связанный элемент принимает значение атрибута border-top-color родительского элемента. |
Совместимость браузеров для атрибута border-top-color; числа в таблице указывают на минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.
|
См. также учебник:CSS Border,CSS3 Border.
Связанные свойства:border,border-color,border-top,border-top-style,
border-top-width.