Proprietà borderBottom dello stile

Definizione e uso

borderBottom Le proprietà possono essere impostate o restituite in forma abbreviata per massimo tre proprietà border-bottom separate.

Utilizzando questa proprietà, puoi impostare/ritornare una o più delle seguenti opzioni (in qualsiasi ordine):

Vedi anche:

Tutorial CSS:Bordo CSS

Manuale CSS:Proprietà border-bottom

Manuale HTML DOM:Proprietà border

Esempio

Esempio 1

Aggiungi un bordo inferiore all'elemento <div>:

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";

Prova tu stesso

Esempio 2

Cambia la larghezza, lo stile e il colore del bordo inferiore dell'elemento <div>:

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

Prova tu stesso

Esempio 3

Restituisce il valore dell'attributo border-bottom dell'elemento <div>:

alert(document.getElementById("myDiv").style.borderBottom);

Prova tu stesso

Sintassi

Restituisce l'attributo borderBottom:

oggetto.style.borderBottom

Imposta l'attributo borderBottom:

oggetto.style.borderBottom = "width style color|initial|inherit"

Valore dell'attributo

Valore Descrizione
width Imposta la larghezza del bordo inferiore.
style Imposta lo stile del bordo inferiore.
color Imposta il colore del bordo inferiore.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Inherita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: non specificato
Valore di ritorno: Stringa che rappresenta la larghezza, lo stile e/o il colore del bordo inferiore dell'elemento.
Versione CSS: CSS1

Supporto del browser

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5