border-bottom

Sommario

La proprietà border-bottom è una abbreviazione che imposta il valore di border-bottom-color , border-bottom-style , and border-bottom-width . These properties describe the bottom border of elements.

• Valore iniziale : per i dettagli vedi le singole proprietà
• Si applica: a tutti gli elementi
• Percentuali: no
• Media: visual
• Valore riconosciuto : vedi le singole proprietà

Sintassi

border-bottom: [ <border-width> || <border-style> || <border-color> ] | inherit

Values

<border-width> 

Vedi border-bottom-width .

<border-style> 

Vedi border-bottom-style .

<border-color> 

Vedi border-bottom-color .

Esempi

Guarda gli esempi dal vivo

element { 
    border-bottom-width: 1px solid #000;
}

Note

I tre valori della abbreviazione possono essere specificati in qualsiasi ordine, e uno o due di loro possono essere omessi.

Come per tutte le abbreviazioni, border-bottom imposta sempre il valore di tutte le proprietà che può impostare, anche se non sono specificate. Imposta quelle non specificate al loro valore predefinito. Questo vuol dire che:

  border-bottom-style: dotted;
  border-bottom: thick green;

è attualmente uguale a:

  border-bottom-style: dotted;
  border-bottom: none thick green;

e il valore di border-bottom-style dato prima di border-bottom viene ignorato.

Siccome il valore predefinito di border-bottom-style è none, se non si specifica la parte <border-style> del valore allora la proprietà non specifica nessun bordo.

Specifiche

• CSS 1
• CSS 2.1
• CSS 3

Compatibilità tra browser

Vedere anche

border , border-bottom , border-bottom-width , border-bottom-style , border-bottom-color .