/css/border-bottom-color:> Цвет правой границы_
Свойство border-bottom-color
Синтаксис
CSS 1
CSS 2‒2.2
CSS 3
border-bottom-color <цвет> | transparent | inherit;
Описание
Свойство border-bottom-color (от англ. "border bottom color" ‒ «цвет нижней границы») устанавливает цвет нижней границы.
| Применяется: | ко всем элементам; |
|---|---|
| Наследование: | отсутствует; |
| Проценты: | Н/Д; |
| Медиа: | визуальные. |
JavaScript
[объект]
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Значения
- <цвет>
- Указывает значение цвета.
border-bottom-color: rgba(42, 43, 44, 0.75); - transparent
- Устанавливает прозрачную границу (при этом граница может иметь значение ширины).
border-bottom-color: transparent; - inherit
- Указывает, что элемент должен унаследовать параметры родительского элемента.
Начальное значение: значение свойства «color».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство border-bottom-color</title>
<style type="text/css">
.box {
font-size: 13pt;
background-color: #d0d0d0;
width: 15em;
height: 5em;
border: 3px solid black;
border-bottom-color: red;
}
</style>
</head>
<body>
<h1>Нижняя граница коробки</h1>
<div class="box">Содержимое коробки</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство border-bottom-color</title>
<style type="text/css">
.box {
font-size: 13pt;
background-color: #d0d0d0;
width: 15em;
height: 5em;
border: 3px solid black;
border-bottom-color: red;
}
</style>
</head>
<body>
<h1>Нижняя граница коробки</h1>
<div class="box">Содержимое коробки</div>
</body>
</html>
Свойство border-bottom-color