Proprietà border-bottom-color CSS

Definizione e uso

border-bottom-color imposta il colore del bordo inferiore dell'elemento.

Può essere definito solo un colore puro e il bordo appare solo quando lo stile del bordo è un valore diverso da none o hidden.

Nota:Si dovrebbe sempre dichiarare l'attributo border-style prima di border-color. L'elemento deve avere il bordo prima di cambiare il suo colore.

Vedi anche:

Tutorial CSS:Bordo CSS

Manuale CSS:Attributo border-bottom

Manuale HTML DOM:Attributo borderBottomColor

Esempio

Impostare il colore del bordo inferiore:

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

Prova tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
color_name Si prescrive che il colore del bordo sia un nome di colore (ad esempio red).
hex_number Si prescrive che il colore del bordo sia un valore esadecimale (ad esempio #ff0000).
rgb_number Si prescrive che il colore del bordo sia un valore rgb (ad esempio rgb(255,0,0)).
transparent Valore predefinito. Il colore del bordo è trasparente.
inherit Si prescrive che l'attributo debba ereditare il colore del bordo dal elemento genitore.

Dettagli tecnici

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

Altri esempi

Impostare il colore del bordo inferiore
Questo esempio dimostra come impostare il colore del bordo inferiore.

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".