Padování a okraj

Anonim

Každý, kdo se odváží do světa designu, musel slyšet výrazy, které jsou často vyhozeny. Přestože mnozí studenti rozumí, že okraj a polstrování se vztahují k mezery mezi prvky, nemohou rozlišovat mezi okrajem a polstrováním. Každá osoba, která rozumí rozdílu mezi těmito dvěma výrazy, může být schopna dělat lepší rozhodnutí o návrhu.

  • Co je Padding?

Padding je termín používaný k označení prostoru mezi prvkem a okrajem. Je důležité zdůraznit, že polstrování se pohybuje po všech čtyřech stranách obsahu.

  • Co je to Margin?

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

Rozdíl mezi polstrováním a okrajem

  1. Interakce vycpávky a okraje

Jedním z hlavních rozdílů mezi okrajem a polstrováním je jejich vzájemné působení. Padding interaguje s vnitřními prvky konstrukce nebo objektu, protože je to prostor mezi hranicí a obsahem předmětu, který je předmětem zkoumání. Na druhou stranu marže interaguje s vnějším prostředím objektu, protože je to prostor mezi objektem a dalším objektem, který je nejblíže objektu.

  1. Účel padání a okraje

Oba okraje a polstrování se liší podle jejich účelů nebo rolí, které hrají v objektu. Hlavním účelem okraje je zajistit, aby objekt nebyl vystaven jiným předmětům, které obklopují objekt na všech čtyřech stranách. Poskytuje zabezpečení celého objektu tak, že objekt není zasažen vnějším prostředím. Na druhé straně polstrování hraje roli při zajišťování toho, aby obsah objektu neporušoval hranice. Padování zajišťuje, že se obsah nedotýká okrajů předmětu, který je zakrývá a tudíž působí jako tlumič nárazů.

  1. Chování se liší podle různých prohlížečů

Jedním z hlavních rozdílů, které je třeba poznamenat mezi okrajem a polstrováním, je to, že se chovají odlišně v různých prohlížečích. Jeden zjistí, že určitý prohlížeč zpracovává vnější prostory objektu a vnitřních prostorů objektu, zatímco jiný prohlížeč odmítá zvládnout buď okraj, nebo polstrování. Někdy je možné zjistit, že prohlížeč odmítá zpracovávat libovolný prostor objektu, ať už je to okraj nebo polstrování. To vysvětluje, proč se některé marže automaticky sbalí, když jsou připojeny k určitým prohlížečům.

  1. Účinky na velikost v polstrování a okraji

Dalším faktorem odlišujícím okraj i polstrování je skutečnost, že mají výrazně odlišný způsob chování nebo vliv na výšku a šířku objektu. Okraj zvětší velikost objektu tím, že zajistí, že se zvýší o několik centimetrů na šířku i na výšku objektu. Je to proto, že okraj je umístěn mimo objekt a snaží se ovlivnit prostor mimo objekt. Naproti tomu výplň nemá vliv na velikost objektu, protože nemá vliv na šířku a výšku objektu. Ve skutečnosti je polstrování uvnitř objektu, což znamená, že nemůže ovlivnit velikost objektu, kde je obsažen.

  1. Kdy používat výplň a okraj

Konečně, kdy se používá okraj, liší se tím, když chceme použít polstrování. To znamená, že navzdory dvěma prostorům, které zobrazují významné rozdíly v jejich účelu, může být také signifikantní rozdíl ve skutečném využití každého prostoru. Padování se používá převážně tehdy, když chceme, aby barva pozadí pokračovala v prostoru, který vytváří. To znamená, že lidé používají polstrování, když chtějí, aby jejich pozadí vykouklo. Na druhou stranu, lidé používají okraje, když chtějí, aby jejich barva pozadí napadla svůj osobní prostor.

Tabulka znázorňující rozdíly mezi okrajem a polstrováním

Okraj

Padding

Prostor mezi různými prvky Prostor mezi obsahem a okrajem součásti
Používá se ke zvýšení velikosti součásti Nelze zvýšit velikost prvku
Používá se, když chce barvu pozadí napadnout osobní prostor Používá se, když chce barvu pozadí vyhlížet
Interakce s vnějším prostředím prvku Interakce s vnitřním prostředím prvku

  • Proto, jak vidíte, existují zásadní rozdíly mezi okraji a polstrováním, které byste měli vzít v úvahu při výběru toho, který chcete použít k pohybu částic kolem stránky.
  • Nicméně v těch případech, kdy by se na stejný účinek mohly použít jak hranice, tak i polstrování, hodně úsudku spadá do osobní preference.