Okraje a polstrování mohou být matoucí, protože v některých ohledech vypadají jako totéž: prázdné místo kolem obrázku nebo objektu. Zde jako webový designér potřebujete vědět o jejich rozdílech.
Polstrování
Výplň je prostor mezi obsahem obrázku nebo buňky a jeho vnějším okrajem. Na obrázku níže je výplň žlutou oblastí kolem obsahu. V takovém případě výplň jde úplně kolem obsahu: horní, dolní, pravá a levá strana. Můžete určit, kolik polstrování (v procentech, pixelech, bodech atd.) Pro každou stranu, a nemusí být stejné. Tímto způsobem můžete umístit obsah do prvku.
Okraje
Naproti tomu okraje jsou mezery mimo hranice prvku mezi prvkem a čímkoli, co s ním sousedí. Na obrázku je okraj bílá oblast mimo celý objekt. Stejně jako výplň jde okraj v tomto příkladu úplně kolem obsahu: na horní, dolní, pravou a levou stranu. Okraje můžete použít k umístění prvků div a dalších prvků na stránce. Vždy otestujte své stránky v různých prohlížečích, operačních systémech (včetně mobilních) a velikostech obrazovek, abyste se ujistili, že se zobrazují přesně tak, jak chcete.