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 può apparire 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 ottenere il bordo prima di cambiare il suo colore.

Vedi anche:

Corso CSS:Bordo CSS

Manuale di riferimento CSS:Attributo border-bottom

Manuale di riferimento 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 stabilisce che il colore del bordo sia un nome di colore (ad esempio red).
hex_number Si stabilisce che il colore del bordo sia un valore esadecimale (ad esempio #ff0000).
rgb_number Si stabilisce che il colore del bordo sia un codice rgb (ad esempio rgb(255,0,0)).
transparent Valore predefinito. Il colore del bordo è trasparente.
inherit Si stabilisce che l'attributo debba ereditare il colore del bordo dal 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 supportano il valore di attributo "transparent".

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