Atributo border-bottom-style de 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 necesita 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 borde.
hidden	Es igual a "none", excepto cuando se aplica a una tabla, para las tablas, se utiliza "hidden" para resolver conflictos de borde.
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 ranurado 3D. Su efecto depende del valor de border-color.
ridge	Define un borde ondulado 3D. Su efecto depende del valor de border-color.
inset	Define un borde inset 3D. Su efecto depende del valor de border-color.
outset	Define un borde outset 3D. Su efecto depende del valor de border-color.
inherit	Se especifica que el estilo del borde debe ser inheritado 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 versión del navegador que completamente admite esta propiedad.

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