Marger og polstring kan være forvirrende fordi de på noen måter virker som det samme: hvitt mellomrom rundt et bilde eller objekt. Her er hva du som nettdesigner trenger å vite om forskjellene deres.
Padding
Padding er mellomrommet mellom et bilde eller celleinnhold og dets ytre kant. På bildet nedenfor er polstringen det gule området rundt innholdet. I dette tilfellet går polstringen helt rundt innholdet: topp, bunn, høyre og venstre side. Du kan spesifisere hvor mye polstring (i prosent, piksler, poeng osv.) for hver side, og de trenger ikke å være like. På denne måten kan du plassere innhold i et element.
Margins
I motsetning til dette er marger mellomrommene utenfor grensen til et element, mellom elementet og det som er ved siden av det. I bildet er margen det hvite området utenfor hele objektet. I likhet med polstringen går margen helt rundt innholdet i dette eksemplet: på toppen, bunnen, høyre og venstre side. Du kan bruke marginer til å plassere div og andre elementer på en side.
Test alltid sidene dine i ulike nettlesere, operativsystemer (inkludert mobil) og skjermstørrelser for å sikre at de vises nøyaktig slik du vil at de skal.
