Margin vs polstring
Forskel mellem margen og polstring er et vigtigt aspekt i CSS, da margen og polstring er to vigtige begreber, der bruges i CSS for at give afstand mellem forskellige emner. Polstring og margener kan ikke udskiftes og har forskellige formål, så de skal bruges korrekt. Polstringen er mellemrummet mellem indholdet og kanten af en blok. Margenen er derimod rummet uden for grænsen til en blok. Margen adskiller blokke fra tilstødende blokke, mens polstringen adskiller grænsen fra indholdet.
Hvad er polstring?
I CSS (Cascading Style Sheets) er polstring det mellemrum, der holdes mellem indholdet og grænsen. Det adskiller indholdet af en blok fra dens kant. Polstringen er også gennemsigtig og inkluderer elementets baggrundsbillede eller baggrundsfarve. Mængden af polstring af et element specificeres ved hjælp af udtrykket "polstring" i CSS-kode. For at tilføje en 25px polstring omkring indholdet kan f.eks. Følgende kode bruges.
div {
bredde: 300px;
højde: 300px;
polstring: 25px;
kant: 25 px fast;
}
Om nødvendigt kan forskellige polstringsværdier også specificeres for venstre, højre, top og bund. Det følgende stykke kode specificerer forskellige polstringsværdier for hver side.
div {
bredde: 300px;
højde: 300px;
polstring-top: 25px;
polstring-bund: 35px;
polstring til venstre: 5 px;
polstring til højre: 10 px;
kant: 25 px fast;
}
Hvad er Margin?
I CSS (Cascading Style Sheets) er margen rummet uden for grænsen. Det adskiller en blok fra andre blokke. Margenen 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 25 pixel margen omkring div-blokken.
div {
bredde: 320px;
højde: 320px;
kant: 5 px fast;
margen: 25px;
}
Der kan også angives forskellige værdier for forskellige sider af blokken. Følgende stykke kode anvender forskellige margenværdier for hver side.
div {
bredde: 320px;
højde: 320px;
kant: 5 px fast;
margin-top: 25px;
margen-bund: 35 px;
margen til venstre: 5 px;
margen-højre: 10 px;
}
Hvad er forskellen mellem margen og polstring?
• Polstring er mellemrummet mellem grænsen og indholdet, mens margen er rummet uden for grænsen.
• Polstring adskiller indholdet af en blok fra grænsen. Margen adskiller den ene blok fra den anden.
• Polstring består af baggrundsbillederne og baggrundsfarverne, der anvendes på indholdet, mens margenen ikke indeholder sådanne.
• Margener på tilstødende blokke kan overlappe hinanden, mens polstring ikke overlapper hinanden.
Resumé:
Polstring vs margen
Padding er mellemrummet inden for en blok, der adskiller grænsen fra indholdet. Margenen er afstanden uden for grænsen, der adskiller en blok fra de tilstødende blokke. En anden forskel er, at polstring inkluderer baggrundsbillede og baggrundsfarver, der anvendes omkring indholdet, mens margen ikke indeholder dem. Margenerne på tilstødende blokke kan undertiden overlappe hinanden, når browseren gengiver siden, men til polstring sker en sådan ting ikke.
Billeder med tilladelse:
