Proprietà border
La proprietà border imposta il colore, il tipo e
lo spessore del bordo per tutti i lati contemporaneamente.
È una proprietà abbreviata per border-width,
border-style
e border-color.
A differenza delle proprietà abbreviate, non può
impostare un bordo diverso per 4 lati
contemporaneamente, ma solo lo stesso per tutti.
Sintassi
selettore {
border: spessore tipo colore;
}
L'ordine dei valori delle proprietà non ha importanza.
Esempio
Creiamo un bordo nero per l'elemento con uno spessore
di 1px:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Vedi anche
-
proprietà
border-left,
che imposta il bordo sinistro -
proprietà
border-right,
che imposta il bordo destro -
proprietà
border-top,
che imposta il bordo superiore -
proprietà
border-bottom,
che imposta il bordo inferiore -
proprietà
outline,
che imposta un contorno per l'elemento -
proprietà
border-radius,
che arrotonda gli angoli del bordo
