Le proprietà dei margini specificano l'ampiezza dell' area di margine di un riquadrato. La proprietà 'margin' imposta il margine per tutti e quattro i lati mentre le altre proprietà dei margini lo impostano solo per il loro rispettivo lato.

Se c'è un solo valore, si applica a tutti i lati. Se ci sono due valori, i margini superiore[top] ed inferiore [bottom] sono impostati sul primo valore e i margini destro [right] e sinistro [left] sono impostati sul secondo. Se ci sono tre valori, il superiore [top] è impostato sul primo valore, il sinistro [left e destro [right] sono impostati sul secondo, e l'inferiore [bottom] è impostato sul terzo. Se ci sono quattro valori, si applicano rispettivamente al superiore [top], destro [right], inferiore [bottom] e sinistro [left].

Esempio di margine impostato uguale per tutti i lati :
H1 { margin-top: 2em }

Esempio di margine impostato per ogni lato :
BODY {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 3em;
margin-left: 2em;
}

COMMENTI