Proprietà CSS border-bottom

Definizione e uso

L'attributo abbreviato border-bottom imposta tutte le proprietà del bordo inferiore in una dichiarazione.

È possibile impostare in sequenza i seguenti attributi:

Se non si imposta uno dei valori, non ci sono problemi, come border-bottom:solid #ff0000; è permesso.

Vedi anche:

Tutorial CSS:CSS Bordo

Manuale di riferimento HTML DOM:Attributo borderBottom

Esempio

Impostare lo stile del bordo inferiore:

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

Prova da solo

Sintassi CSS

border-bottom: border-width border-style border-color|iniziale|inherit;

Valore dell'attributo

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

Dettagli tecnici

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

Altri esempi

Tutte le proprietà del bordo inferiore in una dichiarazione
Questo esempio dimostra come utilizzare l'attributo abbreviato per impostare tutte le proprietà del bordo inferiore nella stessa dichiarazione.

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