Razlika proti oblazinjenju
Razlika med robom in oblazinjenjem je pomemben vidik v CSS, saj sta rob in oblazinjenje dva pomembna koncepta, ki se v CSS uporabljajo za razmik med različnimi elementi. Oblazinjenje in robovi niso zamenljivi in imajo različne namene, zato jih je treba ustrezno uporabiti. Oblazinjenje je prostor med vsebino in obrobo bloka. Rob pa je prostor zunaj meje bloka. Rob ločuje bloke od sosednjih blokov, medtem ko oblazinjenje ločuje mejo od vsebine.
Kaj je oblazinjenje?
V CSS (Cascading Style Sheets) je polnjenje prostor med vsebino in obrobo. Ločuje vsebino bloka od roba. Podloga je prozorna 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 vsebino 25 slikovnih pik okoli vsebine, lahko uporabite naslednjo kodo.
div {
širina: 300 slikovnih pik;
višina: 300px;
oblazinjenje: 25 slikovnih pik;
obroba: 25px neprekinjeno;
}
Po potrebi lahko ločeno določite različne vrednosti oblazinjenja tudi za levo, desno, zgornjo in spodnjo stran. Naslednji del kode določa različne vrednosti oblazinjenja za vsako stran.
div {
širina: 300 slikovnih pik;
višina: 300px;
oblazinjenje: 25 slikovnih pik;
oblazinjenje-dno: 35 slikovnih pik;
oblazinjenje levo: 5 slikovnih pik;
oblazinjenje-desno: 10 slikovnih pik;
obroba: 25px neprekinjeno;
}
Kaj je marža?
V CSS (Cascading Style Sheets) je rob prostor zunaj meje. Ločuje blok od drugih blokov. Tudi rob je pregleden, vendar je velika razlika pri oblazinjenju v tem, da rob ne vključuje slik ozadja ali barv ozadja, uporabljenih za element. Količina marže v CSS je določena z izrazom "marža". Naslednji del kode je uporabil rob 25 px okoli bloka div.
div {
širina: 320px;
višina: 320px;
obroba: 5px neprekinjeno;
marža: 25 slikovnih pik;
}
Za različne strani bloka lahko določite tudi različne vrednosti. Naslednji del kode uporablja različne vrednosti robov za vsako stran.
div {
širina: 320px;
višina: 320px;
obroba: 5px neprekinjeno;
margin-top: 25 slikovnih pik;
margin-bottom: 35 slikovnih pik;
rob-levo: 5 slikovnih pik;
rob desno: 10 slikovnih pik;
}
Kakšna je razlika med Margin in Padding?
• Oblazinjenje je prostor med obrobo in vsebino, medtem ko je rob prostor zunaj meje.
• Oblazinjenje ločuje vsebino bloka od obrobe. Rob ločuje en blok od drugega.
• Oblazinjenje je sestavljeno iz slik ozadja in barv ozadja, nanesenih na vsebino, medtem ko rob ne vsebuje tega.
• Robovi sosednjih blokov se lahko prekrivajo, medtem ko se oblazinjenje ne prekriva.
Povzetek:
Padding vs Margin
Oblazinjenje je prostor znotraj obrobe bloka, ki ločuje mejo od vsebine. Rob je razmik zunaj meje, ki ločuje blok od sosednjih blokov. Druga razlika je v tem, 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 upodobi stran, vendar se zaradi oblazinjenja to ne bo zgodilo.
Vljudnost slik:
