Forskellen mellem margin og polstring

Marginal vs polstring
 

Forskellen mellem margin og polstring er et vigtigt aspekt i CSS da margin og polstring er to vigtige koncepter, der bruges i CSS til at give afstand mellem forskellige elementer. Polstring og margener kan ikke udskiftes og har forskellige formål, så de skal bruges korrekt. Polstret er mellemrummet mellem indholdet og kanten af ​​en blok. Margen er på den anden side pladsen uden for en blok. Margen adskiller blokke fra tilstødende blokke, mens polstret adskiller grænsen fra indholdet.

Hvad er polstring?

I CSS (Cascading Style Sheets), polstring er det mellemrum, der holdes mellem indholdet og grænsen. Det adskiller indholdet af en blok fra dens kant. Polstret er gennemsigtigt og inkluderer elementets baggrundsbillede eller baggrundsfarve. Mængden af ​​polstring af et element specificeres ved at bruge udtrykket “polstring” i CSS-kode. For at tilføje en 25px polstring omkring indholdet kan følgende kode bruges.

div
bredde: 300px;
højde: 300px;
polstring: 25px;
kant: 25px fast;

Om nødvendigt kan forskellige polstringværdier specificeres separat for både venstre, højre, øverste og nederste. Det følgende stykke kode specificerer forskellige polstringværdier for hver side.

div
bredde: 300px;
højde: 300px;
polstring: 25px;
polstring-bund: 35px;
polstring til venstre: 5px;
polstring-højre: 10px;
kant: 25px fast;

Hvad er margin?

I CSS (Cascading Style Sheets) er margin pladsen uden for grænsen. Det adskiller en blok fra andre blokke. Marginen er også gennemsigtig, men en stor forskel med polstring er, at margenen ikke inkluderer baggrundsbilleder eller baggrundsfarver anvendt på elementet. Mængden af ​​margin i CSS specificeres ved hjælp af udtrykket “margin”. Det følgende stykke kode anvendte en 25px-margin omkring div-blokken.

div
bredde: 320px;
højde: 320px;
kant: 5px fast;
margen: 25px;

Forskellige værdier kan også specificeres for forskellige sider af blokken. Det følgende stykke kode anvender forskellige marginværdier for hver side.

div
bredde: 320px;
højde: 320px;
kant: 5px fast;
margin-top: 25px;
margin-bund: 35px;
margin-left: 5px;
margin-right: 10px;

Hvad er forskellen mellem margin og polstring?

• Polstring er mellemrummet mellem kanten og indholdet, mens margin er rummet uden for grænsen.

• Polstring adskiller indholdet af en blok fra kanten. Margen adskiller den ene blok fra den anden.

• Polstring består af baggrundsbilleder og baggrundsfarver anvendt på indhold, mens margen ikke indeholder noget sådant.

• Marginaler til tilstødende blokke kan overlappe hinanden, mens polstring ikke overlapper hinanden.

Resumé:

Polstring vs margin

Polstring er pladsen inden for kanten af ​​en blok, der adskiller grænsen fra indholdet. Margen er afstanden uden for grænsen, der adskiller en blok fra de tilstødende blokke. En anden forskel er, at polstring inkluderer baggrundsbilledet og baggrundsfarver anvendt omkring indholdet, mens margin ikke indeholder dem. Marginalerne på tilstødende blokke kan nogle gange overlappe hinanden, når browseren gengiver siden, men til polstring vil sådan noget ikke ske.

Billeder høflighed:

1. CSS-kassemodel af Felix.leg (CC BY-SA 3.0)