--- title: border slug: Web/CSS/border translation_of: Web/CSS/border ---

 

Sommario

Edit section

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 .

Sintassi

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

Valori

Edit section
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

Edit section

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

Edit section

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

Specifiche

Edit section

Compatibilità tra browser

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

Vedere anche

Edit section

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