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.

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

Compatibilità tra browser

Browser Versione più vecchia
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

Vedere anche

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

 

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: teoli, pbrenna
 Ultima modifica di: teoli,