Proprietà border-bottom-style CSS

Definizione e uso

border-bottom-style imposta lo stile del bordo inferiore dell'elemento.

Il bordo potrebbe apparire solo se questo valore non è none.

In CSS1, l'agente utente HTML deve supportare solo solid e none.

Tutorial CSS:CSS Bordo

Impostare lo stile del bordo inferiore:

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

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

Valore	Descrizione
none	Definisce un bordo senza margini.
hidden	È lo stesso di "none". Tuttavia, per i tabulari, "hidden" viene utilizzato per risolvere conflitti di bordo.
dotted	Definisce un bordo a punti. Nella maggior parte dei browser viene visualizzato come una linea continua.
dashed	Definisce una linea tratteggiata. Nella maggior parte dei browser viene visualizzata come una linea continua.
solid	Definisce una linea continua.
double	Definisce una linea a doppio tratto. La larghezza della linea è uguale al valore di border-width.
groove	Definisce un bordo 3D a scanalatura. L'effetto dipende dal valore di border-color.
ridge	Definisce un bordo 3D a cresta. L'effetto dipende dal valore di border-color.
inset	Definisce un bordo 3D inset. L'effetto dipende dal valore di border-color.
outset	Definisce un bordo 3D outset. L'effetto dipende dal valore di border-color.
inherit	Definisce che lo stile del bordo dovrebbe essere ereditato dal elemento genitore.

Valore predefinito:	non specificato
Ereditarietà:	no
Versione:	CSS1
Sintassi JavaScript:	object.style.borderBottomStyle="dotted"

Impostare lo stile del bordo inferiore: Questo esempio dimostra come impostare lo stile del bordo inferiore.

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

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