Marža prieš užpildymą
Skirtumas tarp paraštės ir užpildymo yra svarbus CSS aspektas, nes paraštė ir užpildymas yra dvi svarbios sąvokos, naudojamos CSS, siekiant užtikrinti tarpą tarp skirtingų elementų. Paminkštinimas ir paraštės nepakeičiami ir turi skirtingą paskirtį, todėl turi būti naudojami tinkamai. Užpildymas yra tarpas tarp turinio ir bloko kraštinės. Kita vertus, paraštė yra erdvė už bloko ribos. Paraštė atskiria blokus nuo gretimų blokų, o užpildymas atskiria kraštinę nuo turinio.
Kas yra pamušalas?
CSS (kaskadinių stiliaus lapų) užpildymas yra tarpas tarp turinio ir kraštinės. Jis atskiria bloko turinį nuo jo krašto. Paminkštinimas yra skaidrus ir apima elemento fono vaizdą arba fono spalvą. Elemento užpildymo kiekis nurodomas naudojant terminą „padding“CSS kode. Pavyzdžiui, norint aplink turinį pridėti 25 pikselių užpildymą, galima naudoti šį kodą.
div {
plotis: 300 pikselių;
aukštis: 300 pikselių;
padding: 25px;
kraštinė: 25 piks. vientisa;
}
Jei reikia, galima atskirai nurodyti skirtingas užpildymo vertes kairėje, dešinėje, viršuje ir apačioje. Toliau pateikta kodo dalis nurodo skirtingas užpildymo vertes kiekvienai pusei.
div {
plotis: 300 pikselių;
aukštis: 300 pikselių;
padding-top: 25px;
padding-down: 35px;
padding-left: 5px;
padding-right: 10px;
kraštinė: 25 piks. vientisa;
}
Kas yra marža?
CSS (kaskadinių stiliaus lapų) paraštė yra erdvė už sienos. Jis atskiria bloką nuo kitų blokų. Paraštė taip pat yra skaidri, tačiau didelis skirtumas tarp užpildymo yra tas, kad paraštėje nėra fono vaizdų ar elementui pritaikytų fono spalvų. Maržos dydis CSS nurodomas naudojant terminą „marža“. Toliau pateikta kodo dalis aplink div bloką pritaikė 25 pikselių paraštę.
div {
plotis: 320 taškų;
aukštis: 320 pikselių;
kraštinė: 5 piks. vientisa;
paraštė: 25 piks.;
}
Įvairioms bloko pusėms taip pat gali būti nurodytos skirtingos reikšmės. Šioje kodo dalyje kiekvienai pusei taikomos skirtingos paraščių reikšmės.
div {
plotis: 320 taškų;
aukštis: 320 pikselių;
kraštinė: 5 piks. vientisa;
riba-viršus: 25px;
marža-apačia: 35 piks.;
paraštė-kairė: 5 piks.;
riba-dešinė: 10px;
}
Kuo skiriasi paraštė ir užpildymas?
• Užpildymas yra tarpas tarp kraštinės ir turinio, o paraštė yra erdvė už sienos.
• Užpildymas atskiria bloko turinį nuo kraštinės. Paraštė atskiria vieną bloką nuo kito.
• Užpildymą sudaro fono vaizdai ir fono spalvos, pritaikytos turiniui, o paraštės tokio turinio nėra.
• Gretimų blokų paraštės gali persidengti, o užpildymas nepersidengia.
Santrauka:
Pamušalas prieš paraštę
Padding yra tarpas bloko kraštinėje, skiriantis kraštinę nuo turinio. Kraštinė yra tarpas už ribos, skiriantis bloką nuo gretimų blokų. Kitas skirtumas yra tas, kad užpildymas apima fono vaizdą ir fono spalvas, taikomas aplinkui, o paraštėje jų nėra. Kai naršyklė atvaizduoja puslapį, gretimų blokų paraštės kartais gali sutapti, bet užpildant tai neįvyks.
