Proprietà CSS border-left-width

Definizione e uso

L'attributo border-left-width imposta la larghezza del bordo sinistro dell'elemento.

Funziona solo quando lo stile del bordo non è none. Se lo stile del bordo è none, la larghezza del bordo viene effettivamente ripristinata a 0. Non è permesso specificare valori di lunghezza negativi.

Nota:Devi sempre dichiarare l'attributo border-style prima di border-left-width. L'elemento deve avere il bordo prima di poter cambiare la sua larghezza del bordo. Non è permesso specificare valori di lunghezza negativi.

Vedi anche:

Guida:CSS Bordo

Riferimento:Proprietà CSS border-left

Riferimento:Proprietà HTML DOM borderLeftWidth

Esempio

Impostare la larghezza del bordo sinistro:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

Prova tu stesso

Sintassi CSS

border-left-width: media|sottile|spessa|length|initial|inherit;

Valore dell'attributo

Valore Descrizione
sottile Definisce un bordo sinistro sottile.
media Valore predefinito. Definisce un bordo sinistro medio.
spessa Definisce un bordo sinistro spessa.
length Ti permette di personalizzare la larghezza del bordo sinistro.
inherit Definisce che la larghezza del bordo debba essere ereditata dal elemento genitore.

Dettagli tecnici

Valore predefinito: media
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderLeftWidth="spessa"

Altri esempi

Impostare la larghezza del bordo sinistro
Questo esempio dimostra come impostare la larghezza del bordo sinistro.

Supporto del browser

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

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

Nota:I browser IE7 e precedenti non supportano il valore "inherit". IE8 richiede !DOCTYPE. IE9 supporta "inherit".