Ääris vs polster
Marginaali ja polsterduse erinevus on CSS-is oluline aspekt, kuna marginaal ja polster on kaks olulist mõistet, mida CSS-is kasutatakse erinevate üksuste vahelise kauguse tagamiseks. Polsterdused ja veerised ei ole omavahel asendatavad ja neil on erinevad eesmärgid, mistõttu neid tuleb asjakohaselt kasutada. Polsterdus on ruumi sisu ja ploki piiri vahel. Marginaal on aga ruum väljaspool ploki piiri. Marginaal eraldab plokid külgnevatest plokkidest, samas kui polster eraldab piiri sisust.
Mis on polster?
CSS-is (Cascading Style Sheets) on polster sisu ja piiri vahel hoitav ruum. See eraldab ploki sisu selle servast. Polsterdus on läbipaistev ja sisaldab ka elemendi taustpilti või taustavärvi. Elemendi polsterduse suurus täpsustatakse CSS-koodis mõistega „polsterdus“. Näiteks 25px täitmise lisamiseks sisu ümber saab kasutada järgmist koodi.
div {
laius: 300px;
kõrgus: 300px;
polster: 25px;
äär: 25px tahke;
}
Vajadusel saab ka vasaku, parema, ülemise ja alumise osa jaoks eraldi määrata erinevad polsterduse väärtused. Järgmine koodijupp määrab mõlemale küljele erinevad täiteväärtused.
div {
laius: 300px;
kõrgus: 300px;
top polster: 25px;
polsterduspõhi: 35px;
polster vasakul: 5px;
polster paremal: 10px;
äär: 25px tahke;
}
Mis on marginaal?
CSS-is (Cascading Style Sheets) on marginaal ruum väljaspool piiri. See eraldab ploki teistest plokkidest. Varu on samuti läbipaistev, kuid suur erinevus täidisega on see, et veeris ei sisalda elemendile rakendatud taustapilte ega taustavärve. CSS-i marginaali suurus täpsustatakse terminiga “marginaal”. Järgmine koodijupp rakendas div-ploki ümber 25px varu.
div {
laius: 320px;
kõrgus: 320px;
ääris: 5px tahke;
veeris: 25px;
}
Erinevaid väärtusi saab määrata ka ploki erinevatele külgedele. Järgmine koodijupp rakendab mõlemale küljele erinevaid veeriste väärtusi.
div {
laius: 320px;
kõrgus: 320px;
ääris: 5px tahke;
ülemine äär: 25px;
alumine serv: 35px;
veeris vasakul: 5px;
paremäär: 10px;
}
Mis vahe on marginalil ja polsterdusel?
• Pehmendus on tühik piiri ja sisu vahel, samas kui veeris on ruum väljaspool piiri.
• Polsterdusega eraldatakse ploki sisu piirist. Marginaal eraldab ühe ploki teisest.
• Täide koosneb sisule rakendatud taustapiltidest ja taustavärvidest, samas kui veeris ei sisalda sellist sisu.
• Külgnevate plokkide veerised võivad kattuda, kui polster ei kattu.
Kokkuvõte:
Polsterdus vs marginaal
Polsterdus on ruum ploki piires, mis eraldab piiri sisust. Marginaal on vahemik väljaspool piiri, mis eraldab ploki külgnevatest plokkidest. Teine erinevus on see, et polster sisaldab taustapilti ja taustavärve, mida rakendatakse sisu ümber, samas kui marginaal neid ei sisalda. Kui brauser lehe renderdab, võivad külgnevate plokkide veerised mõnikord kattuda, kuid polsterdamiseks sellist asja ei juhtu.
Pildid viisakalt:
