Ejemplo
Ajuste el color del borde inferior:
p
{
border-style: solid;
border-bottom-color: #ff0000;
}
Inténtalo tú mismo " Definición y Uso
La propiedad border-bottom color establece el color del borde inferior de un elemento.
Note: declarar siempre la propiedad border-style antes de que la propiedad border-bottom-color. Un elemento debe tener fronteras antes de poder cambiar el color.
| Valor por defecto: | The current color of the element |
|---|---|
| Heredado: | no |
| animatable: | yes. Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.borderBottomColor="blue" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-bottom-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
sintaxis CSS
border-bottom-color:color|transparent|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| color | Especifica el color de fondo. Mira valores de color CSS para obtener una lista completa de los posibles valores de color. El color del defecto es el color del elemento | Juegalo " |
| transparent | Especifica que el color del borde debe ser transparente | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border-bottom property
Referencia HTML DOM: borderBottomColor property