CSS Margin (Margine)

I margini puliscono l'area intorno al bordo, separandolo dagli altri riquadri.

Proprietà di margine esterno CSS

Le proprietà di margine CSS ti permettono di impostare i margini laterali del riquadro dell'elemento. I margini nonColore di sfondoÈ completamente trasparente.

Impostare i margini di ciascun lato

Puoi impostare facilmente margini diversi per i lati diversi dell'elemento utilizzando proprietà margin CSS individuale (ad esempio, superiore, destra, basso o sinistra).

h1 {margine-basso: 20px;}
p {margine-left: 10px; margine-right: 30px;}

Proprietà di margine abbreviato

La proprietà margin è una proprietà di abbreviazione che evita di impostare singolarmente i margini esterni: margin-top, margin-right, margin-bottom e margin-left.

h1 {margine: 0 10px;}
p {margine: 25px 50px 75px 100px;}

Questo simbolo di abbreviazione può avere un, due, tre o quattro valori separati da spazi.

• Se impostatoUn valoreAllora viene applicato a tutte e quattro le facce.

• Se specificatoDue valoriAllora il primo valore viene applicato sia al centro superiore che al centro inferiore, il secondo valore viene applicato a destra e sinistra.

• Se specificatoTre valoriAllora il primo valore viene applicato al centro superiore, il secondo valore viene applicato a destra e sinistra, e l'ultimo valore viene applicato al centro inferiore.

• Se specificatoQuattro valoriSe specificate, applicarle in ordine consecutivo al centro superiore, destra, basso e sinistra.