Marginaler och utfyllnad kan vara förvirrande eftersom de på vissa sätt verkar vara samma sak: vitt utrymme runt en bild eller ett objekt. Här är vad du som webbdesigner behöver veta om deras skillnader.
Padding
Utfyllning är utrymmet mellan en bild eller cellinnehåll och dess yttre ram. På bilden nedan är stoppningen det gula området runt innehållet. I det här fallet går stoppningen helt runt innehållet: topp, botten, höger och vänster sida. Du kan ange hur mycket utfyllnad (i procent, pixlar, punkter, etc.) för varje sida, och de behöver inte vara samma. På så sätt kan du placera innehåll i ett element.
Margins
I motsats till detta är marginaler utrymmena utanför gränsen för ett element, mellan elementet och vad som ligger intill det. I bilden är marginalen det vita området utanför hela objektet. Liksom vadderingen går marginalen helt runt innehållet i detta exempel: på toppen, botten, höger och vänster sida. Du kan använda marginaler för att placera div och andra element på en sida.
Testa alltid dina sidor i olika webbläsare, operativsystem (inklusive mobil) och skärmstorlekar för att se till att de visas exakt som du vill att de ska.
