Proprietà borderBottomStyle dello Style

Definizione e uso

borderBottomStyle Imposta o restituisce lo stile del bordo inferiore dell'elemento.

Vedi anche:

Corso CSS:Bordo CSS

Manuale CSS:Proprietà borderBottomStyle

Manuale HTML DOM:Proprietà border

Esempio

Esempio 1

Aggiungi un bordo inferiore solido all'elemento <div>:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

Prova tu stesso

Esempio 2

Modifica lo stile del bordo inferiore dell'elemento <div> in "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

Prova tu stesso

Esempio 3

Restituisce lo stile del bordo inferiore dell'elemento <div>:

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

Prova tu stesso

Esempio 4

Esempi per tutti i diversi valori:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

Prova tu stesso

Sintassi

Restituisce l'attributo borderBottomStyle:

object.style.borderBottomStyle

Imposta l'attributo borderBottomStyle:

object.style.borderBottomStyle = value

Valore dell'attributo

Valore Descrizione
none Definisce il bordo senza margine. Predefinito.
hidden Uguale a "none", ma eccetto nel risolvere i conflitti di bordi degli elementi tabellari.
dotted Definisce il bordo a punti.
dashed Definisce il bordo tratteggiato.
solid Definisce il bordo solido.
double Definisce due bordi. La larghezza dei due bordi è uguale al valore di border-width.
groove Definisce il bordo 3D con scanalature. L'effetto dipende da border-color i valori.
ridge Definisce il bordo 3D con spigoli. L'effetto dipende da border-color i valori.
inset Definisce il bordo 3D inset. L'effetto dipende da border-color i valori.
outset Definisce il bordo 3D outset. L'effetto dipende da border-color i valori.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Eredita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: none
Valore di ritorno: Stringa che rappresenta lo stile del bordo inferiore dell'elemento.
Versione di CSS: CSS1

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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

Nota:IE7 e versioni precedenti non supportano il valore "hidden". IE9 e versioni successive supportano "hidden".