Rozdíl mezi výplní a marží

Každý, kdo se pustí do světa designu, musí slyšet okraje podmínek a vycpávky, které jsou tak často vyhozeny. Ačkoli mnoho studentů pochopí, že jak okraj, tak výplň odkazují na prostor mezi elementy, nemohou rozlišovat mezi okrajem a výplní. Kdokoli, kdo chápe rozdíl mezi těmito dvěma podmínkami, může být schopen učinit lepší návrhová rozhodnutí.

• Co je padding?

Výplň je termín používaný k označení prostoru mezi prvkem a ohraničením. Je důležité zdůraznit, že čalounění jde kolem všech čtyř stran obsahu.

• Co je to Margin?

Okraj je termín používaný k označení prostoru mezi prvkem a vnějšími prvky. Je to hranice mezi jedním prvkem a druhým.

Rozdíl mezi výplní a marží

1. Interakce výplně a marže

Jedním z hlavních rozdílů mezi marží a výplní jsou jejich interakce. Výplň interaguje s vnitřními složkami návrhu nebo objektu, protože je to mezera mezi hranicí a obsahem uvažovaného objektu. Na druhé straně okraj interaguje s vnějším prostředím pozorovaného objektu, protože právě prostor mezi objektem a dalším objektem je nejblíže k objektu.

2. Účel vycpávky a marže

Jak okraj, tak výplň jsou rozlišeny podle svých účelů nebo rolí, které v objektu hrají. Hlavním účelem okraje je zajistit, aby objekt nebyl vystaven jiným objektům obklopujícím objekt po všech čtyřech stranách. Poskytuje zabezpečení pro celý objekt tak, aby objekt nebyl narušen nebo ovlivněn vnějším prostředím. Na druhé straně, čalounění hraje roli zajištění toho, aby obsah objektu neinteragoval s okraji. Čalounění zajišťuje, že se obsah nedotýká okrajů předmětu, který je zakrývá, takže působí jako tlumič nárazů.

3. Chovat se jinak v různých prohlížečích

Jedním z hlavních rozdílů mezi poznámkou a výplní je, že se v různých prohlížečích chovají odlišně. Jeden zjistí, že určitý prohlížeč zpracovává vnější prostory objektu a vnitřní prostory objektu, zatímco jiný prohlížeč odmítá zpracovat okraj nebo výplň. Někdy je možné zjistit, že prohlížeč odmítne zpracovat kterýkoli z prostorů objektu, může to být okraj nebo výplň. To vysvětluje, proč se některé okraje automaticky sbalí, když jsou připojeny k určitým prohlížečům.

4. Vliv na velikost v polstrování a marži

Dalším faktorem rozlišujícím jak okraj, tak výplň je to, že mají některé významné rozdíly ve způsobu, jakým se chovají, nebo ovlivňují výšku a šířku objektu. Okraj zvětší velikost objektu tím, že zajistí, že zvětší několik palců na šířku i na výšku objektu. Je to proto, že okraj je umístěn mimo objekt a pokouší se ovlivnit prostor mimo objekt. Na druhé straně čalounění nemá žádný vliv na velikost objektu, protože neovlivňuje šířku a výšku objektu. Ve skutečnosti je výplň uvnitř objektu, což znamená, že nemůže ovlivnit velikost objektu, kde je obsažena.

5. Kdy použít padding a margin

A konečně, kdy použít marži se liší s tím, kdy člověk chce použít polstrování. To znamená, že navzdory dvěma mezerám, které zobrazují významné rozdíly v jejich účelu, lze také ukázat některé významné rozdíly, pokud jde o skutečné využití každého prostoru. Výplň se většinou používá, když chceme, aby barva pozadí pokračovala v prostoru, který člověk vytváří. To znamená, že lidé používají výplň, když chtějí, aby jejich zázemí vykouklo. Na druhé straně lidé používají okraje, když chtějí, aby jejich barva pozadí napadla jejich osobní prostor.

Tabulka ilustrující rozdíly mezi marží a výplní

Okraj	Polstrování
Prostor mezi různými prvky	Mezera mezi obsahem a hranou komponenty
Používá se ke zvětšení velikosti komponenty	Nelze zvětšit velikost prvku
Používá se, když chcete, aby barva pozadí napadla osobní prostor	Používá se, když chce někdo vykouknout barvu pozadí
Interaguje s vnějším prostředím prvku	Interaguje s vnitřním prostředím prvku

Shrnutí Padding Vs. Okraj

• Jak tedy vidíte, existují zásadní rozdíly mezi okraji a vycpávkou, které byste měli vzít v úvahu při volbě, které použít k pohybu částic po stránce.
• Nicméně v těch případech, kdy by bylo možné použít hranice nebo vycpávky se stejným účinkem, hodně úsudku spadá do osobní preference.