Marginal mot stoppning
Skillnad 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 skapa 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 gränsen för ett block. Marginalen är å andra sidan utrymmet utanför ett block. Marginal skiljer block från intilliggande block medan stoppningen skiljer gränsen från innehållet.
Vad är Padding?
I CSS (Cascading Style Sheets) är vaddering utrymmet som hålls mellan innehållet och gränsen. Det skiljer innehållet i ett block från dess kant. Vadderingen är transparent och innehåller även elementets bakgrundsbild eller bakgrundsfärg. Mängden vaddering av ett element specificeras genom att använda termen "padding" i CSS-kod. Till exempel, för att lägga till en 25px-stoppning runt innehållet kan följande kod användas.
div {
bredd: 300px;
höjd: 300px;
stoppning: 25px;
kant: 25px fast;
}
Vid behov kan olika utfyllnadsvärden anges separat för vänster, höger, topp och botten. Följande kod kod anger olika utfyllnadsvärden för varje sida.
div {
bredd: 300px;
höjd: 300px;
stoppning-topp: 25px;
stoppning-botten: 35px;
stoppning-vänster: 5px;
stoppning-höger: 10 pixlar;
kant: 25px fast;
}
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 vaddering är att marginalen inte inkluderar bakgrundsbilder eller bakgrundsfärger som appliceras på elementet. Mängden marginal i CSS specificeras med termen”marginal”. Följande kod kod applicerade en marginal på 25 pixlar runt div-blocket.
div {
bredd: 320px;
höjd: 320px;
kant: 5 pixlar fast;
marginal: 25px;
}
Olika värden kan också anges för olika sidor av blocket. Följande kod kod använder olika marginalvärden för varje sida.
div {
bredd: 320px;
höjd: 320px;
kant: 5 pixlar fast;
margin-top: 25px;
marginal-botten: 35px;
marginal till vänster: 5 pixlar;
marginal-höger: 10 pixlar;
}
Vad är skillnaden mellan Margin och Padding?
• Vaddering är utrymmet mellan gränsen och innehållet medan marginalen är utrymmet utanför gränsen.
• Vaddering skiljer innehållet i ett block från gränsen. Marginalen skiljer ett block från det andra.
• Padding består av bakgrundsbilder och bakgrundsfärger som tillämpas på innehåll medan marginalen inte innehåller sådana.
• Marginaler för intilliggande block kan överlappa medan stoppningen inte överlappar varandra.
Sammanfattning:
Vaddering mot marginal
Padding är utrymmet innanför ett block som skiljer gränsen från innehållet. Marginalen är avståndet utanför gränsen som skiljer ett block från intilliggande block. En annan skillnad är att stoppning inkluderar bakgrundsbilden och bakgrundsfärgerna som appliceras runt innehållet medan marginalen inte innehåller dem. Marginalerna för intilliggande block kan ibland överlappa när webbläsaren renderar sidan men för att stoppa sådant kommer det inte att hända.
Bilder med tillstånd:
