Anche qui possiamo dividere le proprietà in due categorie: singole e a sintassi abbreviata. Le prime definiscono singoli aspetti di ciascuno dei quattro bordi. Le seconde consentono di riunire in una sola regola le diverse impostazioni.
Sono proprietà singole:
Sono proprietà a sintassi abbreviata:
Sintassi (con proprietà singole)
Sintassi (abbreviata)
In entrambi gli esempi di sintassi sostituite a <lato> uno degli indicatori dei quattro lati: top, right, bottom o left.
Valori
Come si vede dall'elenco delle proprietà di ciascun lato si possono definire per il bordo tre aspetti:
Il colore può essere espresso in uno qualunque dei modi visti precedentemente. Se non si imposta un valore specifico, il colore sarà quello di primo piano impostato con la proprietà color.
Lo stile di un bordo può invece essere espresso con una delle seguenti parole chiave
Ciascuna definisce un particolare aspetto del bordo. Per verificare il quale potete osservare gli esempi contenuti in questa pagina.
Infine abbiamo lo spessore. Esso può essere modificato secondo i seguenti valori:
Nel caso delle parole chiave la dimensione esatta non è specificata dal linguaggio.
Esempi
Molto più comodo scrivere così:
Sintassi
Usando questa sintassi e queste proprietà si imposta lo stile per tutti e quattro i bordi del box. I valori possibili sono quelli visti prima a proposito del colore, dello stile e dello spessore.
Per ciascuna di queste proprietà è possibile definire da uno a quattro valori, uno per lato. Se ne usiamo quattro l'ordine di lettura è questo: top, right, bottom, left. Se invece ne impostiamo uno, due o tre valgono le stesse regole viste per i margini
Esempi
Usare la proprietà border
L'ultima proprietà a sintassi abbreviata è border. Con essa possiamo definire con una sola regola le impostazioni per i quattro bordi. Il suo uso è però limitato a un solo caso, peraltro molto comune: che i quattro bordi abbiano tutti lo stesso colore, lo stesso stile e lo stesso spessore.
Sintassi
Esempi
Fare riferimento alla seguente pagina di esempi.