Rob proti oblazinjenju
Razlika med robom in oblazinjenjem je pomemben vidik v CSS, saj sta rob in oblazinjenje dva pomembna pojma, ki se uporabljata v CSS za zagotavljanje razmika med različnimi elementi. Oblazinjenje in robovi niso zamenljivi in imajo različne namene, zato jih je treba uporabiti ustrezno. Oblazinjenje je prostor med vsebino in robom bloka. Po drugi strani pa je rob prostor zunaj meje bloka. Rob ločuje bloke od sosednjih blokov, medtem ko oblazinjenje ločuje rob od vsebine.
Kaj je oblazinjenje?
V CSS (Cascading Style Sheets) je oblazinjenje prostor med vsebino in obrobo. Ločuje vsebino bloka od njegovega roba. Oblazinjenje je prozorno in vključuje tudi sliko ozadja ali barvo ozadja elementa. Količina oblazinjenja elementa je določena z uporabo izraza »oblazinjenje« v kodi CSS. Če želite na primer dodati 25 slikovnih pik okoli vsebine, lahko uporabite naslednjo kodo.
div {
width: 300px;
height: 300px;
padding: 25px;
obroba: 25 slikovnih pik polna;
}
Če je potrebno, lahko ločeno podate različne vrednosti oblazinjenja za levo, desno, zgoraj in spodaj. Naslednji del kode določa različne vrednosti oblazinjenja za vsako stran.
div {
width: 300px;
height: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
padding-desno: 10px;
obroba: 25 slikovnih pik polna;
}
Kaj je marža?
V CSS (Cascading Style Sheets) je rob prostor zunaj obrobe. Ločuje blok od drugih blokov. Rob je tudi prosojen, vendar je velika razlika pri oblazinjenju ta, da rob ne vključuje slik ozadja ali barv ozadja, uporabljenih za element. Znesek marže v CSS je določen z izrazom "marža". Naslednji del kode je uporabil rob 25 slikovnih pik okoli bloka div.
div {
width: 320px;
height: 320px;
obroba: 5 slikovnih pik polna;
margin: 25px;
}
Različne vrednosti je mogoče določiti tudi za različne strani bloka. Naslednji del kode uporablja različne vrednosti robov za vsako stran.
div {
width: 320px;
height: 320px;
obroba: 5 slikovnih pik polna;
margin-top: 25px;
margin-bottom: 35px;
margin-left: 5px;
margin-right: 10px;
}
Kakšna je razlika med robom in oblazinjenjem?
• Oblazinjenje je prostor med obrobo in vsebino, medtem ko je rob presledek zunaj obrobe.
• Oblazinjenje loči vsebino bloka od obrobe. Rob ločuje en blok od drugega.
• Oblazinjenje je sestavljeno iz slik ozadja in barv ozadja, uporabljenih za vsebino, medtem ko rob ne vsebuje takšne vsebine.
• Robovi sosednjih blokov se lahko prekrivajo, medtem ko se oblazinjenje ne prekriva.
Povzetek:
Obloga v primerjavi z robom
Obloga je prostor znotraj obrobe bloka, ki ločuje obrobo od vsebine. Rob je razmik zunaj meje, ki ločuje blok od sosednjih blokov. Druga razlika je, da oblazinjenje vključuje sliko ozadja in barve ozadja, uporabljene okoli vsebine, medtem ko jih rob ne vsebuje. Robovi sosednjih blokov se lahko včasih prekrivajo, ko brskalnik upodablja stran, vendar se za oblazinjenje to ne bo zgodilo.
