Margin & Padding

MARGIN

proprietą che determina i margini esterni degli elementi.


→ margine esterno

→ margine esterno sinistro

→ margine esterno destro

→ margine esterno superiore

→ margine esterno inferiore

→ come valori sono utilizzabili : pixels (PX) , centimetri (CM) o em ("M" in tipografia)

→ 1 PX = 1 CM o 16 EM
→ 1 EM = 0,06 PX o 0,4 CM
→ 1 CM = 37,7 PX o 2,37 EM

→ AUTO : il browser calcola automaticamente i margini
→ % : specifica i margini esterni in percentuale, calcolandola sulla struttura della pagina web

---

Le 4 proprietą possono essere elencate anche in questo modo :



oppure annidate, ricordandosi l'ordine dei 4 bordi TOP-RIGHT-BOTTOM-LEFT



NB : diminuendo il numero dei valori ( 4 ) i margini si accorperanno automaticamente cosi' :
→ 4 VALORI : 4 MARGINI
→ 3 VALORI : MARGINE SUPERIORE, MARGINE SINISTRO+DESTRO, MARGINE INFERIORE
→ 2 VALORI : MARGINE SUPERIORE +INFERIORE, MARGINE DESTRO+SINISTRO

---

PADDING

proprietą che determina i margini interni degli elementi, la distanza tra loro ed i bordi esterni o la dimensione del loro background.


→ margine interno totale

→ margine interno sinistro

→ margine interno destro

→ margine interno superiore

→ margine interno inferiore

→ come valori sono utilizzabili : pixels (PX) , centimetri (CM) o em ("M" in tipografia)

→ 1 PX = 1 CM o 16 EM
→ 1 EM = 0,06 PX o 0,4 CM
→ 1 CM = 37,7 PX o 2,37 EM

→ AUTO : il browser calcola automaticamente i margini
→ % : specifica i margini interni in percentuale, calcolandola sui margini esterni

---

Le 4 proprietą possono essere elencate anche in questo modo :



oppure annidate, ricordandosi l'ordine dei 4 bordi TOP-RIGHT-BOTTOM-LEFT



NB : diminuendo il numero dei valori ( 4 ) i margini si accorperanno automaticamente cosi' :
→ 4 VALORI : 4 MARGINI
→ 3 VALORI : MARGINE SUPERIORE, MARGINE SINISTRO+DESTRO, MARGINE INFERIORE
→ 2 VALORI : MARGINE SUPERIORE +INFERIORE, MARGINE DESTRO+SINISTRO