Определение border-bottom-color
CSS свойство border-bottom-color определяет цвет нижней границы элемента.
Примечание: Всегда заявляйте о CSS свойстве border-style или border-bottom-style до свойства border-bottom-color. У элемента должна быть граница, прежде чем вы сможете изменить цвет.
| Значение по умолчанию: | Текущий цвет элемента |
|---|---|
| Унаследовано: | no |
| Анимируемый: | yes. Читайте о animatable Попробуй |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.borderBottomColor="blue" Попробуй |
Поддержка border-bottom-color
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-bottom-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис border-bottom-color
border-bottom-color: color|transparent|initial|inherit;
Значения border-bottom-color
| Значение | Описание | Демонстрация |
|---|---|---|
| color | Определяет цвет нижней границы. Посмотрите на CSS Значения цвета для получения полного списка возможных значений цвета. Цвет по умолчанию - это текущий цвет элемента | Демо ❯ |
| transparent | Определяет, что цвет границы должен быть прозрачным | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры border-bottom-color
Установите цвет для нижней границы со значением HEX:
div {border-bottom-color: #92a8d1;}
Попробуйте сами »
Установите цвет для нижней границы со значением RGB:
div {border-bottom-color: rgb(201, 76, 76);}
Попробуйте сами »
Установите цвет для нижней границы со значением RGBA:
div {border-bottom-color: rgba(201, 76, 76, 0.3);}
Попробуйте сами »
Установите цвет для нижней границы со значением HSL:
div {border-bottom-color: hsl(89, 43%, 51%);}
Попробуйте сами »
Установите цвет для нижней границы со значением HSLA:
div {border-bottom-color: hsla(89, 43%, 51%, 0.3);}
Попробуйте сами »
Установите прозрачную нижнюю границу:
div {border-bottom-color: transparent;}
Попробуйте сами »
Страницы по теме border-bottom-color
CSS Учебник: CSS Границы
CSS Справочник: border-bottom свойство
HTML DOM справочник: borderBottomColor свойство