Atributo border-bottom-style CSS

Definición y uso

border-bottom-style establece el estilo del borde inferior del elemento.

El borde solo puede aparecer cuando este valor no es none.

En CSS1, el agente de usuario HTML solo debe soportar solid y none.

Tutoriales de CSS:Borde de CSS

Manual de referencia de CSS:Atributo border-bottom

Manual de referencia de HTML DOM:Propiedad borderBottomStyle

Establecer el estilo del borde inferior:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor	Descripción
none	Define un borde sin bordes.
hidden	Es igual a "none". Sin embargo, no se aplica a las tablas; para las tablas, se utiliza "hidden" para resolver conflictos de bordes.
dotted	Define un borde punteado. En la mayoría de los navegadores se presenta como una línea sólida.
dashed	Define una línea punteada. En la mayoría de los navegadores se presenta como una línea sólida.
solid	Define una línea sólida.
double	Define una línea doble. El ancho de la línea doble es igual al valor de border-width.
groove	Define un borde 3D en relieve. Su efecto depende del valor de border-color.
ridge	Define un borde 3D ondulado. Su efecto depende del valor de border-color.
inset	Define un borde 3D inset. Su efecto depende del valor de border-color.
outset	Define un borde 3D outset. Su efecto depende del valor de border-color.
inherit	Se especifica que el estilo del borde debe ser heredado del elemento padre.

Valor predeterminado:	no especificado
Herencia:	no
Versión:	CSS1
Sintaxis de JavaScript:	object.style.borderBottomStyle="dotted"

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

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

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	9.2