Esempio
Aggiungi un "solid" bordo sinistro ad un <div> elemento:
document.getElementById("myDiv").style.borderLeftStyle = "solid"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà borderLeftStyle o restituisce lo stile del bordo sinistro di un elemento.
Supporto browser
La proprietà borderLeftStyle è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà borderLeftStyle:
object .style.borderLeftStyle
Impostare la proprietà borderLeftStyle:
object .style.borderLeftStyle= I valori delle proprietà Valore Descrizione none Definisce nessun bordo. Questa è l'impostazione predefinita hidden Uguale a "none" , fatta eccezione per la risoluzione dei conflitti di confine per gli elementi di tabella dotted Definisce un bordo tratteggiato dashed Definisce un bordo tratteggiato solid Definisce un bordo solido double Definisce due confini. La larghezza dei due bordi sono uguale al valore border-width groove Definisce un bordo 3D scanalato. L'effetto dipende dal valore border-color ridge Definisce un bordo 3D increspato. L'effetto dipende dal valore border-color inset Definisce un bordo 3D nel riquadro. L'effetto dipende dal valore border-color outset Definisce un bordo 3D fin dall'inizio. L'effetto dipende dal valore border-color initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: nessuna Valore di ritorno: A String, che rappresenta lo stile del bordo sinistro di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare lo stile del bordo sinistro di un <div> elemento "dotted" :
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Prova tu stesso "
Esempio
Ritorna lo stile del bordo sinistro di un <div> elemento:
alert(document.getElementById("myDiv").style.borderLeftStyle); Prova tu stesso "
Esempio
Una dimostrazione di tutti i diversi valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue; Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border-left-style property
Di riferimento HTML DOM: border property
<Stile di oggetto