Свойство BORDER-BOTTOM-COLOR

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS1
Значение по умолчанию Значение цвета, заданное параметром color
Наследование Нет
Применяется Ко всем элементам
Аналог HTML <img border > | <table border>
Ссылка на спецификацию http://www.w3.org/TR/REC-CSS2/box.html#border-color-properties

Описание

Служит для определения цвета нижней стороны элемента.

Синтаксис

Аргументы

Значение цвета можно задавать тремя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Каждый из трех цветов RGB (красный, зеленый, синий -) может принимать значения от 00 до FF. То есть, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа задаюи красную компоненту цвета, два средних - зеленую, а два последних - синюю.

3. С помощью RGB

Можно задать цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Также можно задавать цвет в процентном отношении.

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>border-bottom-color</title>
<style type="text/css">
DIV#panel {
 background: #ccc; /* Цвет фона */
}

#panel P {
 padding: 5px; /* Добавляем поля */
 margin: 0px; /* Убираем отступы у параграфа */
}

#panel P#title {
 background: navy; /* Цвет фона */
 color: white; /* Цвет текста */
 border-bottom-width: 2px; /* Толщина линии внизу */
 border-bottom-style: solid; /* Стиль линии внизу */
 border-bottom-color: white; /* Цвет линии внизу */
}
</style>
</head>
<body>

<div id="panel">
<p id="title">Бизнес и Интернет</p>
<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p>
</div>

</body>
</html>

Комментарий