Atributo border-bottom CSS

Definición y uso

La propiedad abreviada border-bottom coloca todas las propiedades del borde inferior en una declaración.

Se pueden establecer los siguientes atributos en orden:

Si no se establece algún valor, no habrá problemas, por ejemplo, border-bottom:solid #ff0000; también es permitido.

Véase también:

Tutorial de CSS:Borde de CSS

Manual de referencia de HTML DOM:Propiedad borderBottom

Ejemplo

Establecer el estilo del borde inferior:

p
  {
  border-style:solid;
  border-bottom:ancho-grosor punteado #ff0000;
  }

Prueba tú mismo

Sintaxis de CSS

border-bottom: border-width border-style border-color|initial|inherit;

Valor de la propiedad

Valores Descripción
border-bottom-width Se especifica el ancho del borde inferior. Ver:border-bottom-width valores posibles.
border-bottom-style Se especifica el estilo del borde inferior. Ver:border-bottom-style valores posibles.
border-bottom-color Se especifica el color del borde inferior. Ver:border-bottom-color valores posibles.
inherit Se especifica que la propiedad border-bottom debe heredar la configuración del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderBottom="3px solid blue"

Más ejemplos

Todas las propiedades del borde inferior en una declaración
Este ejemplo muestra cómo usar propiedades abreviadas para establecer todas las propiedades del borde inferior en una declaración.

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:Los navegadores IE7 y versiones anteriores no admiten el valor "inherit". IE8 requiere !DOCTYPE. IE9 admite "inherit".