Margin vs Padding
Dallimi midis margjinës dhe mbushjes është një aspekt i rëndësishëm në CSS pasi diferenca dhe mbushja janë dy koncepte të rëndësishme të përdorura në CSS për të siguruar ndarje midis artikujve të ndryshëm. Mbushja dhe kufijtë nuk janë të këmbyeshëm dhe kanë qëllime të ndryshme, kështu që duhet të përdoren në mënyrë të përshtatshme. Mbushja është hapësira midis përmbajtjes dhe kufirit të një blloku. Marzhi, nga ana tjetër, është hapësira jashtë kufirit të një blloku. Marzhi ndan blloqet nga blloqet ngjitur ndërsa mbushja ndan kufirin nga përmbajtja.
Çfarë është Mbushja?
Në CSS (Cascading Style Sheets), mbushja është hapësira e mbajtur midis përmbajtjes dhe kufirit. Ai ndan përmbajtjen e një blloku nga skaji i tij. Mbushja është transparente dhe përfshin gjithashtu imazhin e sfondit ose ngjyrën e sfondit të elementit. Sasia e mbushjes së një elementi përcaktohet duke përdorur termin "mbushje" në kodin CSS. Për shembull, për të shtuar një mbushje 25 px rreth përmbajtjes mund të përdoret kodi i mëposhtëm.
div {
gjerësia: 300px;
lartësia: 300px;
mbushje: 25px;
border: 25px solid;
}
Nëse është e nevojshme, vlera të ndryshme mbushjeje mund të specifikohen veçmas edhe për majtas, djathtas, lart dhe poshtë. Pjesa e mëposhtme e kodit specifikon vlera të ndryshme mbushjeje për secilën anë.
div {
gjerësia: 300px;
lartësia: 300px;
mbushje-top: 25px;
padding-bottom: 35px;
mbushje-majtas: 5px;
mbushje-djathtas: 10px;
border: 25px solid;
}
Çfarë është Marzhi?
Në CSS (Cascading Style Sheets), marzhi është hapësira jashtë kufirit. Ai ndan një bllok nga blloqet e tjera. Diferenca është gjithashtu transparente, por një ndryshim i madh me mbushjen është se diferenca nuk përfshin imazhet e sfondit ose ngjyrat e sfondit të aplikuara në element. Shuma e marzhit në CSS specifikohet duke përdorur termin "marzh". Pjesa e mëposhtme e kodit aplikoi një diferencë prej 25 px rreth bllokut div.
div {
gjerësia: 320px;
lartësia: 320px;
border: 5px solid;
diferencë: 25px;
}
Vlerat e ndryshme mund të specifikohen edhe për anë të ndryshme të bllokut. Pjesa e mëposhtme e kodit zbaton vlera të ndryshme të marzhit për secilën anë.
div {
gjerësia: 320px;
lartësia: 320px;
border: 5px solid;
margin-top: 25px;
margin-fund: 35px;
margin-left: 5px;
margin-djathtas: 10px;
}
Cili është ndryshimi midis Marzhit dhe Mbushjes?
• Mbushja është hapësira midis kufirit dhe përmbajtjes ndërsa marzhi është hapësira jashtë kufirit.
• Mbushja ndan përmbajtjen e një blloku nga kufiri. Marzhi ndan një bllok nga tjetri.
• Mbushja përbëhet nga imazhet e sfondit dhe ngjyrat e sfondit të aplikuara në përmbajtje, ndërsa marzhi nuk përmban të tilla.
• Margjinat e blloqeve ngjitur mund të mbivendosen ndërsa mbushja nuk mbivendoset.
Përmbledhje:
Mbushje kundër Marzhit
Pushtimi është hapësira brenda kufirit të një blloku që ndan kufirin nga përmbajtja. Marzhi është hapësira jashtë kufirit që ndan një bllok nga blloqet ngjitur. Një ndryshim tjetër është se mbushja përfshin imazhin e sfondit dhe ngjyrat e sfondit të aplikuara rreth përmbajtjes ndërsa diferenca nuk i përmban ato. Kufijtë e blloqeve ngjitur ndonjëherë mund të mbivendosen kur shfletuesi jep faqen, por për mbushjen një gjë e tillë nuk do të ndodhë.
