Itt vagy épp:
< Vissza

Mi a különbség a margin és a padding között?

 

Mindkettő üres helyet csinál az elemünk (szöveg/kép/bármilyen elem) körül, mindkettőt megadhatjuk pixelben és %-ban is, mégis van köztük egy hatalmas különbség.

Padding/kitöltés:

Az elemen belül növeli meg a tartalom és az elem széle közötti helyet – pl. egy szövegdoboz esetében a szöveg és a doboz szegélye közötti terület. Ennek a háttere olyan lesz, mint magáé az elemé:

Margó és kitöltés - margin és padding 1

Margin/margó:

Az elemen kívül növeli meg a helyet az elem szélei és a környezete körül – pl egy szövegdoboz távolságát egy másik szövegdoboztól. Ennek a háttere olyan, mint a parent element háttere, vagyis egy modul körül a margó a sor hátterét fogja átvenni, a sor körül pedig a szakaszét.

Margó és kitöltés - margin és padding 2