Atributo border-bottom-color CSS

Definición y uso

El border-bottom-color establece el color del borde inferior del elemento.

Sólo se puede definir un color puro y el borde solo puede aparecer cuando el estilo del borde es un valor que no es none o hidden.

Notas:Siempre declare el atributo border-style antes del atributo border-color. El elemento debe obtener el borde antes de cambiar su color.

Véase también:

Tutoriales de CSS:Borde de CSS

Manual de referencia de CSS:Atributo border-bottom

Manual de referencia de HTML DOM:Atributo borderBottomColor

Ejemplo

Establecer el color del borde inferior:

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

Prueba tu mismo

Sintaxis de CSS

border-bottom-color: color|transparent|initial|inherit;

Valor de atributo

Valor Descripción
color_name Se especifica el color del borde con nombre de color (por ejemplo, red).
hex_number Se especifica el color del borde con valor hexadecimal (por ejemplo, #ff0000).
rgb_number Se especifica el color del borde con código rgb (por ejemplo, rgb(255,0,0)).
transparent Valor por defecto. El color del borde es transparente.
inherit Se especifica que el color del borde debe ser inheritado del elemento padre.

Detalles técnicos

Valor por defecto: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderBottomColor="blue"

Más ejemplos

Establecer el color del borde inferior
Este ejemplo muestra cómo establecer el color del borde inferior.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:Internet Explorer 6 (y versiones anteriores) no admite el valor de atributo "transparent".

Notas:Los navegadores IE7 y versiones anteriores no admiten el valor "inherit". IE8 requiere !DOCTYPE. IE9 admite "inherit".