Proprietà CSS border-left-color

Definizione e uso

border-left-color imposta il colore della bordatura sinistra dell'elemento.

Può essere definito solo un colore puro e la bordatura può apparire solo quando lo stile della bordatura è un valore diverso da none o hidden.

Nota:Includere sempre l'attributo border-style prima dell'attributo border-color. L'elemento deve avere la bordatura prima di cambiare il colore.

Vedi anche:

Tutorial CSS:CSS Bordi

Manuale di riferimento CSS:Attributo border-left

Manuale di riferimento HTML DOM:Attributo borderLeftColor

Esempio

Impostare il colore della bordatura sinistra:

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

Prova tu stesso

Sintassi CSS

border-left-color: color|transparent|initial|inherit;

Valore dell'attributo

Valore Descrizione
color_name Definisce il colore della bordatura come nome del colore (ad esempio red).
hex_number Definisce il colore della bordatura come valore esadecimale (ad esempio #ff0000).
rgb_number Definisce il colore della bordatura come codice rgb (ad esempio rgb(255,0,0)).
transparent Valore predefinito. Il colore della bordatura è trasparente.
inherit Definisce che il colore della bordatura debba essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderLeftColor="blue"

Altri esempi

Impostare il colore della bordatura sinistra
Questo esempio dimostra come impostare il colore della bordatura sinistra.

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:Internet Explorer 6 (e versioni precedenti) non supporta il valore dell'attributo "transparent".

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

" -->