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