Proprietà CSS border-left

Definizione e uso

L'attributo border-left abbreviato mette tutti gli attributi del bordo sinistro in una dichiarazione.

Puoi impostare in ordine i seguenti attributi:

Se non si imposta uno dei valori, non ci saranno problemi, ad esempio border-left:solid #ff0000; è permesso.

Vedi anche:

Tutorial CSS:CSS Bordo

Manuale di riferimento HTML DOM:Attributo borderLeft

Esempio

Imposta lo stile del bordo sinistro:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Prova tu stesso

Sintassi CSS

border-left: border-width border-style border-color|initial|inherit;

Valore dell'attributo

Valore Descrizione
border-left-width Definisce la larghezza del bordo sinistro. Vedi:border-left-width valori possibili.
border-left-style Definisce lo stile del bordo sinistro. Vedi:border-left-style valori possibili.
border-left-color Definisce il colore del bordo sinistro. Vedi:border-left-color valori possibili.
inherit Definisce che l'attributo border-left deve essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderLeft="3px solid blue"

Più esempi

Tutti gli attributi del bordo sinistro in una dichiarazione
Tutti gli attributi del bordo sinistro in una dichiarazione

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 3.5 1.0

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