Margener og polstring kan være forvirrende, fordi de på nogle måder virker som det samme: hvidt mellemrum omkring et billede eller objekt. Her er, hvad du som webdesigner har brug for at vide om deres forskelle.
Padding
Padding er mellemrummet mellem et billede eller celleindhold og dets ydre ramme. På billedet nedenfor er polstringen det gule område omkring indholdet. I dette tilfælde går polstringen fuldstændig rundt om indholdet: top, bund, højre og venstre side. Du kan angive, hvor meget polstring (i procent, pixels, punkter osv.) for hver side, og de behøver ikke at være ens. På denne måde kan du placere indhold i et element.
Margins
I modsætning hertil er marginer mellemrummene uden for grænsen af et element, mellem elementet og det, der støder op til det. På billedet er marginen det hvide område uden for hele objektet. Ligesom polstringen går margenen fuldstændig rundt om indholdet i dette eksempel: på toppen, bunden, højre og venstre side. Du kan bruge marginer til at placere divs og andre elementer på en side.
Test altid dine sider i forskellige browsere, operativsystemer (inklusive mobil) og skærmstørrelser for at sikre, at de vises præcis, som du vil have dem.
