свойство 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;
}

 
.elementBorderBottom {
    border-bottom-color: #00C;
}

 
.elementBorderBottom {
    border-bottom-color: rgb(0, 0, 204);
}

 
.elementBorderBottom {
    border-bottom-color: rgb(0%, 0%, 40%);
}

 
.elementBorderBottom {
    border-bottom-color: transparent;
}

CSS 3

 
.elementBorderBottom {
    border-bottom-color: hsl(240, 50%, 58%);
}

 
.elementBorderBottom {
    border-bottom-color: hsla(240, 50%, 58%, 0.5);
}

 
.elementBorderBottom {
    border-bottom-color: rgba(0,255,0,1.0);
}

 
.elementBorderBottom {
    border-bottom-color: rgba(0,255,0,1.0);
}

Свойство 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 - Свойства (толщина, стиль, цвет) нижней линии рамки элемента

• Спецификация стандарта CSS 2.1
• Спецификация стандарта CSS 3
• Описание на Mozilla Developer Network
• Описание на Microsoft Developer Network
• Описание на Safari Developer Library