свойство border-bottom-color

Свойство border-bottom-color определяет цвет нижней границы рамки элемента. Цвет нижней границы, по умолчанию, не наследуется и считается равным текущему значению свойства 'color'. Цвет может задаваться любым доступным способом в соответствии со стандартом CSS 2.1 или CSS 3, либо значением inherit. Так же данное свойство можно задать используя сокращенную запись border-color, или border-bottom.

Пример использования:

CSS 2.1

Значение Результат
 
.elementBorderBottom {
    border-bottom-color: blue;
}
цвет нижней границы задается названием цвета
 
.elementBorderBottom {
    border-bottom-color: #000099;
}
цвет нижней границы задается в шестнадцатеричной записи RGB (полный вариант)
 
.elementBorderBottom {
    border-bottom-color: #00C;
}
цвет нижней границы задается в шестнадцатеричной записи RGB (сокращенный вариант)
 
.elementBorderBottom {
    border-bottom-color: rgb(0, 0, 204);
}
цвет нижней границы задается в десятичной записи RGB
 
.elementBorderBottom {
    border-bottom-color: rgb(0%, 0%, 40%);
}
цвет нижней границы задается в процентной записи RGB
 
.elementBorderBottom {
    border-bottom-color: transparent;
}
прозрачный цвет границ

CSS 3

Значение Результат
 
.elementBorderBottom {
    border-bottom-color: hsl(240, 50%, 58%);
}
цвет нижней границы задается в формате HSL
 
.elementBorderBottom {
    border-bottom-color: hsla(240, 50%, 58%, 0.5);
}
цвет нижней границы задается в формате HSLa c полупрозрачностью
 
.elementBorderBottom {
    border-bottom-color: rgba(0,255,0,1.0);
}
цвет нижней границы задается в формате RGBa c полупрозрачностью
 
.elementBorderBottom {
    border-bottom-color: rgba(0,255,0,1.0);
}
цвет нижней границы задается в формате RGBa c полупрозрачностью

 

Свойство border-bottom-color относится к спецификации CSS, применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение 'color' по спецификации CSS уровень 2.1, и 'currentColor' по спецификации CSS уровень 3. На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

  • border-color - Цвет линии рамки элемента
  • border-top-color - Цвет верхней линии рамки элемента
  • border-right-color - Цвет правой линии рамки элемента
  • border-left-color - Цвет левой линии рамки элемента
  • -moz-border-top-colors - Последовательность цветов (от внешнего края к внутреннему) для верхней линии рамки элемента
  • -moz-border-right-colors - Последовательность цветов (от внешнего края к внутреннему) для правой линии рамки элемента
  • -moz-border-bottom-colors - Последовательность цветов (от внешнего края к внутреннему) для нижней линии рамки элемента
  • -moz-border-left-colors - Последовательность цветов (от внешнего края к внутреннему) для левой линии рамки элемента
  • border - Свойства рамки элемента
  • border-bottom - Свойства (толщина, стиль, цвет) нижней линии рамки элемента

Краткое описание

Цвет нижней линии рамки элемента

Синтаксис:

<color> | inherit

По умолчанию:

'color'
'currentColor'

Применяется к:

всем элементам

Наследование:

не наследуется

Тип носителя:

визуальные

Объектная модель документа (DOM):

[элемент].style.borderBottomColor

Кроссбраузерная совместимость

Internet Explorer

5+

Firefox

2.0+

Chrome

1.0+

Safari

1.0+

Opera

8.5+