Starpība starp rezervi un polsterējumu

Marža vs Polsters
 

Svarīgs aspekts ir atšķirība starp malu un polsterējumu CSS jo maliņa un polsterējums ir divi svarīgi jēdzieni, ko CSS izmanto, lai nodrošinātu atstarpes starp dažādiem elementiem. Polsterējums un piemales nav savstarpēji aizvietojami, un tiem ir dažādi mērķi, tāpēc tie ir jāizmanto atbilstoši. Polsterējums ir atstarpe starp saturu un bloka malu. No otras puses, rezerve ir atstarpe ārpus bloka robežas. Margin atdala blokus no blakus esošajiem blokiem, bet polsterējums atdala robežu no satura.

Kas ir polsterējums?

CSS (Kaskādes stila lapas), 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 satur arī elementa fona attēlu vai fona krāsu. Elementa polsterējuma daudzums tiek noteikts, CSS kodā izmantojot terminu “polsterējums”. Piemēram, lai pievienotu 25 pikseļu spilventiņu ap saturu, var izmantot šo kodu.

div
platums: 300 pikseļi;
augstums: 300 pikseļi;
polsterējums: 25 pikseļi;
apmale: 25 pikseļi cieta;

Ja nepieciešams, var atsevišķi norādīt dažādas polsterējuma vērtības arī kreisajai, labajai, augšējai un apakšējai daļai. Šis koda gabals katrai pusei norāda dažādas polsterējuma vērtības.

div
platums: 300 pikseļi;
augstums: 300 pikseļi;
polsterējuma augšdaļa: 25 pikseļi;
polsterējuma dibens: 35 pikseļi;
polsterējums-kreisais: 5 pikseļi;
polsterējums labajā pusē: 10 pikseļi;
apmale: 25 pikseļi cieta;

Kas ir Margina?

CSS (Cascading Style Sheets) mala ir atstarpe ārpus robežas. Tas atdala bloku no citiem blokiem. Piezīme ir arī caurspīdīga, taču liela atšķirība no polsterējuma ir tā, ka malā nav ietverti fona attēli vai fona krāsas, kas piemērotas elementam. Rezerves summa CSS tiek norādīta, izmantojot terminu “rezerve”. Šis koda fragments ap div bloku uzlika 25 pikseļu robežu.

div
platums: 320 pikseļi;
augstums: 320 pikseļi;
apmale: 5 pikseļi cieta;
rezerve: 25 pikseļi;

Dažādām vērtībām var norādīt arī dažādas bloka puses. Šis koda gabals katrai pusei piemēro atšķirīgas rezerves vērtības.

div
platums: 320 pikseļi;
augstums: 320 pikseļi;
apmale: 5 pikseļi cieta;
augšējā robeža: 25 pikseļi;
malas robeža: 35 pikseļi;
kreisā mala: 5 pikseļi;
labā mala: 10 pikseļi;

Kāda ir atšķirība starp Margin un Padding?

• Polsterējums ir atstarpe starp apmali un saturu, bet atstarpe ir atstarpe ārpus robežas.

• Polsterējums atdala bloka saturu no apmales. Marķējums atdala vienu bloku no otra.

• Polsterējums sastāv no fona attēliem un fona krāsām, kas tiek piemērotas saturam, bet mala nav tāda satura.

• Blakus esošo bloku malas var pārklāties, kamēr polsterējums nepārklājas.

Kopsavilkums:

Polsterējums pret Marginu

Polsterējums ir vieta bloka robežas iekšpusē, kas atdala robežu no satura. Robeža ir atstarpe ārpus robežas, kas atdala bloku no blakus esošajiem blokiem. Vēl viena atšķirība ir tā, ka polsterējumā ietilpst fona attēls un fona krāsas, kas tiek izmantotas ap saturu, bet malā tās nav. Blakus esošo bloku malas dažreiz var pārklāties, kad pārlūks atveido lapu, bet polsterēšanai šāda darbība nenotiks.

Attēli pieklājīgi:

1. CSS kārbas modelis, ko izveidojis Felix.leg (CC BY-SA 3.0)