Különbség a margó és a párnázás között

Margó vs Padding
 

A margó és a párnázat közötti különbség fontos szempont a CSS mivel a margó és a kitöltés két fontos fogalom, amelyet a CSS-ben használnak a különféle elemek közötti távolság biztosítására. A párnázat és a margók nem cserélhetők fel, és eltérő célokra szolgálnak, ezért azokat megfelelően kell használni. A párnázat a tartalom és a blokk szegélye közötti tér. A margó viszont a blokk határán kívüli tér. A Margin elválasztja a blokkokat a szomszédos blokkoktól, míg a párnázat elválasztja a határt a tartalomtól.

Mi az a padding??

A CSS-ben (Lépcsőzetes stíluslapok), a párnázat a tartalom és a határ között megőrzött hely. Ez elválasztja a blokk tartalmát a szélétől. A párnázat átlátszó, és tartalmazza az elem háttérképét vagy színét is. Az elem párnázatának mértékét a CSS kódban a „párnázás” kifejezés határozza meg. Például egy 25 képpont méretű betét hozzáadásához a tartalom körül a következő kód használható.

div
szélesség: 300 képpont;
magasság: 300 képpont;
párnázat: 25 képpont;
szegély: 25 képpont szilárd;

Szükség esetén külön-külön meg lehet határozni a párnázási értékeket a bal, a jobb, a felső és az alsó részhez is. A következő kódrész mindkét oldal eltérő kitöltési értékeit határozza meg.

div
szélesség: 300 képpont;
magasság: 300 képpont;
padding-top: 25 képpont;
padding-bottom: 35px;
párnázat-bal: 5 képpont;
párnázat jobb: 10 képpont;
szegély: 25 képpont szilárd;

Mi a Margin??

A CSS-ben (lépcsőzetes stíluslapok) a margó a határon kívüli terület. Elkülöníti a blokkokat a többi blokkoktól. A margó is átlátszó, de a padlással szemben nagy különbség az, hogy a margó nem tartalmazza az elemre alkalmazott háttérképeket vagy háttérszíneket. A tartalék összegét a CSS-ben a „margin” kifejezés határozza meg. A következő kódrész 25 képpontos margót alkalmazott a div blokk körül.

div
szélesség: 320 képpont;
magasság: 320 képpont;
szegély: 5 képpont szilárd;
margin: 25 képpont;

A blokk különböző oldalain is különféle értékeket lehet megadni. A következő kódrész mindkét oldalon eltérő margin értékeket alkalmaz.

div
szélesség: 320 képpont;
magasság: 320 képpont;
szegély: 5 képpont szilárd;
margin-top: 25 képpont;
margó alja: 35 képpont;
margó-bal: 5 képpont;
jobb oldali margó: 10 képpont;

Mi a különbség a Margin és a Padding között??

• A padding a határ a tartalom és a tartalom között, míg a margó a határon kívüli tér.

• A padding elválasztja a blokk tartalmát a szegélytől. A margó elválasztja az egyik blokkot a másiktól.

• A párnázat a háttérképeket és a tartalomra alkalmazott háttérszíneket tartalmazza, míg a margó nem ilyen.

• A szomszédos blokkok margói átfedésben lehetnek, míg a párnák nem fedik át.

Összefoglaló:

Padding vs Margin

Padding: a blokk szélén lévő tér, amely elválasztja a szegélyt a tartalomtól. A margó a határon kívüli távolság, amely elválasztja a blokkot a szomszédos blokkoktól. Egy másik különbség az, hogy a párnázás magában foglalja a háttérképet és a háttér színét a tartalom körül, míg a margó nem tartalmazza. A szomszédos blokkok szélei néha átfedésben lehetnek, amikor a böngésző megjeleníti az oldalt, de a feltöltéshez ez nem történik meg.

Képek jóvoltából:

1. CSS dobozmodell: Felix.leg (CC BY-SA 3.0)