Margin vs polstring
Forskjell mellom margin og polstring er et viktig aspekt i CSS, da margin og padding er to viktige begreper som brukes i CSS for å gi avstand mellom forskjellige elementer. Polstring og marginer kan ikke byttes ut og har forskjellige formål, så de må brukes på riktig måte. Polstringen er mellomrommet mellom innholdet og grensen til en blokk. Margen er derimot plassen utenfor grensen til en blokk. Margen skiller blokker fra tilstøtende blokker, mens polstringen skiller grensen fra innholdet.
Hva er polstring?
I CSS (Cascading Style Sheets) er polstring rommet som holdes mellom innholdet og grensen. Den skiller innholdet i en blokk fra kanten. Polstringen er gjennomsiktig og inkluderer også bakgrunnsbildet eller bakgrunnsfargen til elementet. Mengden polstring av et element spesifiseres ved å bruke begrepet "polstring" i CSS-kode. For eksempel, for å legge til en 25 piks polstring rundt innholdet, kan følgende kode brukes.
div {
bredde: 300px;
høyde: 300px;
polstring: 25px;
kant: 25px solid;
}
Om nødvendig kan forskjellige polstringsverdier spesifiseres separat for venstre, høyre, topp og bunn også. Følgende kodestykke spesifiserer forskjellige polstringsverdier for hver side.
div {
bredde: 300px;
høyde: 300px;
polstring-topp: 25px;
polstring-bunn: 35px;
polstring til venstre: 5px;
polstring-høyre: 10px;
kant: 25px solid;
}
Hva er Margin?
I CSS (Cascading Style Sheets) er margin rommet utenfor grensen. Den skiller en blokk fra andre blokker. Margen er også gjennomsiktig, men en stor forskjell med polstring er at margen ikke inkluderer bakgrunnsbilder eller bakgrunnsfarger som brukes på elementet. Mengden av margin i CSS er spesifisert ved å bruke begrepet”margin”. Følgende stykke kode brukte en 25 piks margin rundt div-blokken.
div {
bredde: 320px;
høyde: 320px;
kant: 5px solid;
margin: 25px;
}
Ulike verdier kan også spesifiseres for forskjellige sider av blokken. Følgende kode bruker forskjellige marginverdier for hver side.
div {
bredde: 320px;
høyde: 320px;
kant: 5px solid;
margin-top: 25px;
margin-bunn: 35px;
margin til venstre: 5px;
margin-høyre: 10px;
}
Hva er forskjellen mellom Margin og Padding?
• Padding er mellomrommet mellom grensen og innholdet, mens margen er mellomrommet utenfor grensen.
• Polstring skiller innholdet i en blokk fra grensen. Margen skiller den ene blokken fra den andre.
• Padding består av bakgrunnsbildene og bakgrunnsfargene som brukes på innholdet mens margen ikke inneholder slikt.
• Marger på tilstøtende blokker kan overlappe mens polstring ikke overlapper hverandre.
Sammendrag:
Polstring vs Margin
Padding er mellomrommet innenfor grensen til en blokk som skiller grensen fra innholdet. Margen er avstanden utenfor grensen som skiller en blokk fra de tilstøtende blokkene. En annen forskjell er at polstring inkluderer bakgrunnsbildet og bakgrunnsfargene som brukes rundt innholdet mens marg ikke inneholder dem. Marginene til tilstøtende blokker kan noen ganger overlappe når nettleseren gjengir siden, men for polstring vil ikke noe slikt skje.
Bilder med tillatelse:
