Atributo CSS border-bottom-width

Definición y uso

La propiedad borderBottom-width establece el ancho del borde inferior del elemento.

Sólo tiene efecto cuando el estilo del borde no es none. Si el estilo del borde es none, el ancho del borde se restablecerá a 0. No se permite especificar valores de longitud negativos.

Notas:Siempre declare la propiedad border-style antes de border-bottom-width. El elemento solo puede cambiar el ancho del borde después de obtener el borde.

Véase también:

Tutoriales de CSS:Borde de CSS

Manual de referencia de CSS:Propiedad border-bottom

Manual de referencia de HTML DOM:Propiedad borderBottomWidth

Ejemplo

Establecer el ancho del borde inferior:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Prueba tu mismo

Sintaxis de CSS

border-bottom-width: media|fino|grueso|length|initial|inherit;

Valor de la propiedad

Valor Descripción
fino Define un borde inferior fino.
media Valor predeterminado. Define un borde inferior de tamaño medio.
grueso Define un borde inferior grueso.
length Le permite personalizar el ancho del borde inferior.
inherit Se debe especificar que el ancho del borde debe ser heredado del elemento padre.

Más ejemplos

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

Detalles técnicos

Valor predeterminado: media
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderBottomWidth="ancho"

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".