Margó vs kitöltés
A margó és a kitöltés közötti különbség fontos szempont a CSS-ben, mivel a margó és a kitöltés két fontos fogalom, amelyet a CSS-ben használnak a különböző elemek közötti térköz biztosítására. A párnázás és a margók nem cserélhetők fel, és különböző célokat szolgálnak, ezért megfelelően kell használni őket. A kitöltés a tartalom és a blokk szegélye közötti tér. A margó ezzel szemben a blokk határán kívüli tér. A margó elválasztja a blokkokat a szomszédos blokkoktól, míg a kitöltés elválasztja a szegélyt a tartalomtól.
Mi az a padding?
A CSS-ben (Cascading Style Sheets) a kitöltés a tartalom és a szegély között lévő tér. Elválasztja egy blokk tartalmát a szélétől. A párnázás átlátszó, és tartalmazza az elem háttérképét vagy háttérszínét is. Egy elem kitöltésének mértéke a CSS-kódban a „kitöltés” kifejezéssel adható meg. Ha például egy 25 képpontos kitöltést szeretne hozzáadni a tartalom köré, a következő kód használható.
div {
szélesség: 300 képpont;
magasság: 300 képpont;
padding: 25px;
szegély: 25 képpont tömör;
}
Ha szükséges, a bal, jobb, felső és alsó részhez külön-külön is megadhatók különböző kitöltési értékek. A következő kódrészlet minden oldalhoz különböző kitöltési értékeket ad meg.
div {
szélesség: 300 képpont;
magasság: 300 képpont;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
padding-right: 10px;
szegély: 25 képpont tömör;
}
Mi az árrés?
A CSS-ben (Cascading Style Sheets) a margó a határon kívüli tér. Elválaszt egy blokkot a többi blokktól. A margó is átlátszó, de nagy különbség a kitöltésnél, hogy a margó nem tartalmaz háttérképeket vagy háttérszíneket az elemre alkalmazott. A CSS-ben az árrés mértéke a „margin” kifejezéssel van megadva. A következő kódrészlet 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 tömör;
margó: 25 képpont;
}
Különböző értékek adhatók meg a blokk különböző oldalaihoz is. A következő kódrészlet minden oldalra különböző margóértékeket alkalmaz.
div {
szélesség: 320 képpont;
magasság: 320 képpont;
szegély: 5 képpont tömör;
margó felső: 25 képpont;
margin-bottom: 35px;
margin-left: 5px;
margó-jobb: 10px;
}
Mi a különbség a margó és a kitöltés között?
• A kitöltés a szegély és a tartalom közötti térköz, míg a margó a szegélyen kívüli tér.
• A kitöltés elválasztja a blokk tartalmát a szegélytől. A margó elválasztja az egyik blokkot a másiktól.
• A kitöltés a tartalomra alkalmazott háttérképekből és háttérszínekből áll, míg a margó nem.
• A szomszédos blokkok margói átfedhetik egymást, míg a kitöltés nem fedi egymást.
Összefoglaló:
Padding vs Margin
A kitöltés egy blokk határán belüli tér, amely elválasztja a szegélyt a tartalomtól. A margó a határon kívüli távolság, amely elválaszt egy blokkot a szomszédos blokkoktól. Egy másik különbség az, hogy a kitöltés tartalmazza a háttérképet és a tartalom körül alkalmazott háttérszíneket, míg a margó nem tartalmazza ezeket. A szomszédos blokkok margói néha átfedik egymást, amikor a böngésző megjeleníti az old alt, de a kitöltésnél ilyesmi nem történik meg.
