Marža vs paminkštinimas
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, užtikrinant atstumą tarp skirtingų elementų. Įklotai ir paraštės negali būti keičiami ir turi skirtingus tikslus, todėl juos reikia naudoti tinkamai. Paminkštinimas yra tarpas tarp turinio ir bloko krašto. Kita vertus, paraštė yra erdvė už kvartalo ribos. Marža atskiria blokus nuo gretimų blokų, o užpildas atskiria kraštą nuo turinio.
Kas yra „Padding“?
CSS („Cascading Style Sheets“) užpildas yra tarpas, esantis tarp turinio ir krašto. Jis atskiria bloko turinį nuo jo krašto. Paminkštinimas yra skaidrus ir apima elemento fono paveikslėlį arba fono spalvą. Elemento užpildymo kiekis nurodomas naudojant CSS kodo terminą „padding“. Pvz., Norint pridėti 25 taškų užpildą aplink turinį, galima naudoti šį kodą.
div {
plotis: 300px;
aukštis: 300 taškų;
užpildas: 25px;
kraštas: 25 taškų vientisas;
}
Jei reikia, skirtingos užpildymo vertės taip pat gali būti nurodytos kairėje, dešinėje, viršuje ir apačioje. Šiame kodo fragmente nurodomos skirtingos kiekvienos pusės užpildymo vertės.
div {
plotis: 300px;
aukštis: 300 taškų;
„topding-top“: 25 taškų;
kamšalo apačia: 35 taškų;
padding-left: 5px;
užpildymas dešinėje: 10 taškų;
kraštas: 25 taškų vientisas;
}
Kas yra marža?
CSS („Cascading Style Sheets“) paraštė yra tarpas už sienos. Jis atskiria bloką nuo kitų blokų. Kraštinė taip pat yra skaidri, tačiau didelis skirtumas su užpildymu yra tas, kad paraštėje nėra fono paveikslėlių ar fono spalvų, pritaikytų elementui. Maržos dydis CSS nurodomas vartojant terminą „marža“. Šis kodo fragmentas pritaikė 25 taškų skirtumą aplink div bloką.
div {
plotis: 320px;
aukštis: 320 taškų;
kraštas: 5px kietas;
paraštė: 25px;
}
Skirtingas bloko puses taip pat galima nurodyti skirtingas vertes. Šiame kodo fragmente kiekvienai pusei taikomos skirtingos paraštės vertės.
div {
plotis: 320px;
aukštis: 320 taškų;
kraštas: 5px kietas;
paraštė viršuje: 25 taškų;
paraštė apačioje: 35 taškų;
paraštė kairėje: 5px;
paraštė-dešinė: 10 taškų;
}
Kuo skiriasi paraštė nuo paminkštinimo?
• Užpildas yra tarpas tarp krašto ir turinio, o paraštė - tarpas už sienos.
• Paminkštinimas atskiria bloko turinį nuo sienos. Paraštė atskiria vieną bloką nuo kito.
• Paminkštinimas susideda iš foninių vaizdų ir fono spalvų, taikomų turiniui, o paraštėje toks nėra.
• Gretimų blokų paraštės gali sutapti, o užpildas nesutampa.
Santrauka:
Padding vs Margin
„Padding“yra tarpas, esantis bloko krašte, skiriantis kraštą nuo turinio. Paraštė yra atstumas už sienos ribų, skiriantis bloką nuo gretimų blokų. Kitas skirtumas yra tas, kad užpildas apima fono vaizdą ir fono spalvas, pritaikytas aplink turinį, o paraštėje jų nėra. Gretimų blokų paraštės kartais gali sutapti, kai naršyklė pateikia puslapį, tačiau užpildant tai neįvyks.
Vaizdai mandagūs:
