border

Sommario

La proprietà border è una abbreviazione per impostare in una sola volta i valori individuali di border. border può essere usata per impostare uno o più dei seguenti valori: border-width , border-style , border-color .

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

Sintassi

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

Valori

border-width: Opzionale, se è assente viene usato il valore di default medium. Vedi border-width .
border-style: Richiesto, se è assente viene usato il valore di default none. Vedi border-style .
border-color: Opzionale, se è assente il valore di default è la proprietà color (colore di primo piano). Vedi border-color .

Esempi

Guarda gli esempi dal vivo

element { border: dashed }          /* bordo tratteggiato di medio spessore, lo stesso colore del testo */
element { border: dotted 1.5em }    /* bordo spesso 1.5em a punti, lo stesso colore del testo */
element { border: solid red }       /* bordo rosso continuo di medio spessore */
element { border: solid blue 10px } /* bordo continuo blu spesso 10px */

Note

Mentre le proprietà border-width , border-style , e border-color accettano fino a quattro valori, questa proprietà accetta solo un valore per ciascuna.

Specifiche

Compatibilità tra browser

Browser	Versione più vecchia
Internet Explorer	4.0
Firefox	1.0
Safari	1.0
Opera	3.5

Vedere anche

border , border-width , border-style , border-color , margin , padding