Proprietà Style borderLeftStyle

Definizione e uso

borderLeftStyle Imposta o restituisce lo stile del bordo sinistro dell'elemento.

Vedi anche:

Tutorial CSS:Bordo CSS

Manuale CSS:Proprietà border-left-style

Manuale HTML DOM:Proprietà border

Esempio

Esempio 1

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

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

Prova tu stesso

Esempio 2

Cambia lo stile del bordo sinistro dell'elemento <div> in "dotted":

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

Prova tu stesso

Esempio 3

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

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

Prova tu stesso

Esempio 4

Esempi per tutti i valori diversi:

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

Prova tu stesso

Sintassi

Restituisce l'attributo borderLeftStyle:

object.style.borderLeftStyle

Imposta l'attributo borderLeftStyle:

object.style.borderLeftStyle = value
Valore Descrizione
none Definisce il bordo senza bordo. Predefinito.
hidden Uguale a "none", ma in eccezione delle collisioni dei bordi degli elementi tabella.
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 scanalato. L'effetto dipende da border-color i valori.
ridge Definisce il bordo 3D ondulato. 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 sinistro dell'elemento.
Versione CSS: CSS1

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto