СSS Свойство border-bottom-color
Определение и использование
Свойство border-bottom-color задает цвет нижней границы элемента.
Примечание: Всегда объявляйте border-style или border-bottom-style перед свойством border-bottom-color.
Элемент должен иметь границу, прежде чем вы сможете изменить цвет.
| Значение по умолчанию: | Текущий цвет элемента |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.borderBottomColor="blue" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-bottom-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Синтаксис
border-bottom-color: color|transparent|initial|inherit;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| color | Задает цвет фона. Смотреть CSS Значение цвета для получения полного списка возможных значений цвета. Цвет по умолчанию - это цвет элемента | Воспроизвести » |
| transparent | Указывает, что цвет границы должен быть прозрачным | Воспроизвести » |
| initial | Задает для этого свойства значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Установить цвет для нижней границы с помощью 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;}
Редактор кода »
Связанные страницы
CSS учебник: CSS Border
CSS справочник: Свойство border-bottom
HTML DOM справочник: Свойство borderBottomColor
