border-bottom-color
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство border-bottom-color задает цвет для нижней рамки элемента.
Всегда объявляйте свойство border-style или свойство border-bottom-style до свойства border-bottom-color, так как элемент должен иметь рамку до того, как вы сможете поменять ее цвет.
| Значение по умолчанию: | совпадает с цветом текста |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.borderBottomColor="blue" |
Синтаксис
border-bottom-color: цвет|transparent|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| цвет | Цвет рамки, который можно установить различными способами, например: указать название цвета, использовать шестнадцатеричные значения (HEX) или с помощью синтаксиса RGB. |
| transparent | Указывает, что нижняя рамка должна быть прозрачной. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
border-bottom-color:
Результат:
CSS Код:
div {
border-style: solid;
border-width: 5px;
border-bottom-color: red;
}
border-style: solid;
border-width: 5px;
border-bottom-color: red;
}