Marža vs polsterējums
Atšķirība starp rezervi un polsterējumu ir svarīgs CSS aspekts, jo marža un polsterējums ir divi svarīgi jēdzieni, kas CSS tiek izmantoti, lai nodrošinātu atstarpi starp dažādiem vienumiem. Polsterējums un piemales nav savstarpēji aizstājami, un tiem ir atšķirīgi mērķi, tāpēc tie jāizmanto atbilstoši. Polsterējums ir atstarpe starp bloka saturu un robežu. Savukārt mala ir telpa ārpus bloka robežas. Marža atdala blokus no blakus esošajiem blokiem, bet polsterējums atdala robežu no satura.
Kas ir polsterējums?
CSS (Cascading Style Sheets) polsterējums ir vieta, kas tiek turēta starp saturu un apmali. Tas atdala bloka saturu no tā malas. Polsterējums ir caurspīdīgs un ietver arī elementa fona attēlu vai fona krāsu. Elementa polsterējuma apjoms tiek noteikts, CSS kodā lietojot terminu “polsterējums”. Piemēram, lai pievienotu 25 pikseļu pildījumu ap saturu, var izmantot šādu kodu.
div {
platums: 300 pikseļi;
augstums: 300 pikseļi;
polsterējums: 25 pikseļi;
apmale: 25px cieta;
}
Ja nepieciešams, arī kreisajā, labajā, augšējā un apakšējā daļā var atsevišķi norādīt dažādas pildījuma vērtības. Šis koda gabals katrai pusei nosaka atšķirīgas polsterējuma vērtības.
div {
platums: 300 pikseļi;
augstums: 300 pikseļi;
polsterējums - 25 pikseļi;
polsterējuma apakšdaļa: 35 pikseļi;
polsterējums pa kreisi: 5px;
polsterējums pa labi: 10 pikseļi;
apmale: 25px cieta;
}
Kas ir Marža?
CSS (Cascading Style Sheets) mala ir vieta ārpus robežas. Tas atdala bloku no citiem blokiem. Piemale ir arī caurspīdīga, taču liela atšķirība ar polsterējumu ir tā, ka piemale neietver elementam piemērotus fona attēlus vai fona krāsas. CSS nodrošinājuma summa tiek noteikta, izmantojot terminu “starpība”. Šis koda fragments ap div bloku izmantoja 25 pikseļu piemaksu.
div {
platums: 320 pikseļi;
augstums: 320 pikseļi;
apmale: 5px cieta;
piemale: 25px;
}
Dažādām bloka pusēm var norādīt arī dažādas vērtības. Šajā koda daļā katrai pusei tiek piemērotas atšķirīgas piemales vērtības.
div {
platums: 320 pikseļi;
augstums: 320 pikseļi;
apmale: 5px cieta;
margin-top: 25 pikseļi;
apmale apakšā: 35 pikseļi;
atstarpe pa kreisi: 5px;
labā mala: 10 pikseļi;
}
Kāda ir atšķirība starp Margin un Padding?
• Pildījums ir atstarpe starp robežu un saturu, bet mala ir atstarpe ārpus robežas.
• Polsterējums atdala bloka saturu no apmales. Marža atdala vienu bloku no otra.
• Pildījums sastāv no fona attēliem un fona krāsām, kas tiek lietotas saturam, bet piemale to nesatur.
• Blakus esošo bloku apmales var pārklāties, bet polsterējums nepārklājas.
Kopsavilkums:
Polsterējums pret rezervi
Polsterējums ir vieta bloka malā, kas atdala robežu no satura. Marža ir atstarpe ārpus robežas, kas atdala bloku no blakus esošajiem blokiem. Vēl viena atšķirība ir tāda, ka polsterējums ietver fona attēlu un fona krāsas, kas tiek lietotas ap saturu, bet piemale tās nesatur. Blakus esošo bloku piemales dažreiz var pārklāties, kad pārlūkprogramma renderē lapu, taču, lai aizpildītu, tas nenotiks.
Attēli Pieklājība: