HTML and CSS Reference
In-Depth Information
padding
: specifica lo spazio tra il contenuto di un elemento e il bordo dell'elemento
stesso;
margin
: specifica lo spazio tra il bordo di un elemento e gli elementi circostanti.
Entriamo ora nel dettaglio di questi parametri.
Come detto nella precedente sezione, il parametro CSS
border
rappresenta il bordo
di un elemento. Del bordo possiamo impostare la dimensione, lo stile, il colore e
l'arrotondamento degli angoli.
Nella
tabella 5.1
sono riassunte le principali proprietà CSS che gestiscono lo stile di un
bordo.
Proprietà
Descrizione
Imposta la dimensione del bordo su tutti e quattro i lati dell'elemento. Pos-
siamo assegnare dimensioni differenti per ogni lato sfruttando le proprietà
border-top-width
,
border-left-width
,
border-bottom-
width
,
border-right-width
.
border-
width
Imposta lo stile del bordo. Una trattazione completa di tutti gli stili possi-
bili esula dagli scopi di questo libro, per cui riportiamo qui solo gli stili più
usati che sono:
none
(nessun bordo),
solid
(linea continua),
dotted
(linea punteggiata),
dashed
(linea tratteggiata). Anche in questo caso,
possiamo impostare lo stile del bordo per ogni lato dell'elemento, usando
le proprietà
border-top-style
,
border-left-style
,
border-
bottom-style
,
border-right-style
.
border-
style
Imposta il colore del bordo. Anche in questo caso, possiamo impostare il
colore del bordo per ogni lato dell'elemento, usando le proprietà
border-top-color
,
border-left-color
,
border-bottom-
color
,
border-right-color
.
border-
color
Imposta la curvatura per creare gli angoli arrotondati. Possiamo impostare
valori diversi per ogni angolo del bordo, usando
border-top-left-
radius
,
border-top-right-radius
,
border-bottom-left-
radius
,
border-bottom-right-radius
. Parleremo in maniera
più dettagliata di questa caratteristica più avanti nel libro.
border-
radius
