Marginal vs Padding
Skillnaden mellan marginal och stoppning är en viktig aspekt i CSS eftersom marginal och stoppning är två viktiga begrepp som används i CSS för att ge avstånd mellan olika objekt. Vaddering och marginaler är inte utbytbara och har olika syften så måste användas på rätt sätt. Vadderingen är utrymmet mellan innehållet och kanten på ett block. Marginalen, å andra sidan, är utrymmet utanför gränsen till ett block. Marginal separerar block från intilliggande block medan stoppningen separerar gränsen från innehållet.
Vad är utfyllnad?
I CSS (Cascading Style Sheets) är utfyllnad utrymmet mellan innehållet och kanten. Den separerar innehållet i ett block från dess kant. Utfyllnaden är genomskinlig och inkluderar även bakgrundsbilden eller bakgrundsfärgen för elementet. Mängden utfyllnad av ett element specificeras genom att använda termen "utfyllnad" i CSS-koden. Till exempel, för att lägga till en 25px-utfyllnad runt innehållet kan följande kod användas.
div {
bredd: 300px;
höjd: 300px;
stoppning: 25px;
kant: 25px solid;
}
Om det behövs kan olika utfyllnadsvärden specificeras separat för vänster, höger, topp och botten också. Följande kodbit anger olika utfyllnadsvärden för varje sida.
div {
bredd: 300px;
höjd: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
padding-right: 10px;
kant: 25px solid;
}
Vad är marginal?
I CSS (Cascading Style Sheets) är marginalen utrymmet utanför gränsen. Det skiljer ett block från andra block. Marginalen är också transparent, men en stor skillnad med stoppning är att marginalen inte inkluderar bakgrundsbilder eller bakgrundsfärger som appliceras på elementet. Mängden marginal i CSS anges med termen "marginal". Följande kodbit applicerade en marginal på 25px runt div-blocket.
div {
bredd: 320px;
höjd: 320px;
kant: 5px solid;
marginal: 25px;
}
Olika värden kan också anges för olika sidor av blocket. Följande kodbit tillämpar olika marginalvärden för varje sida.
div {
bredd: 320px;
höjd: 320px;
kant: 5px solid;
marginal-top: 25px;
margin-bottom: 35px;
marginal-left: 5px;
margin-right: 10px;
}
Vad är skillnaden mellan marginal och utfyllnad?
• Utfyllnad är utrymmet mellan gränsen och innehållet medan marginal är utrymmet utanför gränsen.
• Utfyllnad separerar innehållet i ett block från gränsen. Marginalen skiljer ett block från det andra.
• Utfyllnad består av bakgrundsbilder och bakgrundsfärger som appliceras på innehåll medan marginalen inte innehåller sådant.
• Marginaler för intilliggande block kan överlappa medan utfyllnad inte överlappar.
Sammanfattning:
Utfyllning vs marginal
Utfyllning är utrymmet innanför kanten på ett block som skiljer kanten från innehållet. Marginalen är avståndet utanför gränsen som skiljer ett block från de intilliggande blocken. En annan skillnad är att utfyllnad inkluderar bakgrundsbilden och bakgrundsfärger som appliceras runt innehållet medan marginalen inte innehåller dem. Marginalerna på intilliggande block kan ibland överlappa varandra när webbläsaren renderar sidan, men för utfyllnad kommer sådant inte att hända.
