Border-bottom-color

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Частично Частично Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS1
Значение по умолчанию Зависит от использования
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML <img border > | <table border>

Описание

Устанавливает цвет границы внизу элемента.

Синтаксис

border-bottom-color: цвет | transparent | inherit

Значения

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

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

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

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

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

3. С помощью RGB

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

transparent
Устанавливает прозрачный цвет.
inherit
Наследует значение родителя.

Пример

<!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: 0; /* Убираем отступы у параграфа */    }    #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">Lorem ipsum dolor sit amet</p>   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,       sed diem nonummy nibh euismod tincidunt ut lacreet dolore       magna aliguam erat volutpat.</p>   </div>  </body> </html>

Объектная модель

[window.]document.getElementById("elementID").style.borderBottomColor

Браузеры

Internet Explorer 6 не поддерживает значение transparent. Браузер Internet Explorer до седьмой версии включительно не поддерживает inherit.

Цвет границы в разных браузерах может несколько различаться при использовании значений стиля groove, ridge, inset или outset.