CSS polsterējuma īpašums tiek izmantots lai definētu atstarpi starp elementa saturu un elementa apmali .
Tas atšķiras no CSS piemales ar to, ka CSS piemale nosaka telpu ap elementiem. CSS polsterējumu ietekmē fona krāsas. Tas notīra apgabalu ap saturu.
Augšējo, apakšējo, kreiso un labo polsterējumu var mainīt neatkarīgi, izmantojot atsevišķus rekvizītus. Varat arī mainīt visus rekvizītus vienlaikus, izmantojot īsraksta pildījuma rekvizītu.
CSS polsterējuma īpašības
| Īpašums | Apraksts |
|---|---|
| polsterējums | To izmanto, lai vienā deklarācijā iestatītu visus polsterējuma rekvizītus. |
| polsterējums-pa kreisi | To izmanto, lai iestatītu elementa kreiso polsterējumu. |
| polsterējums-pa labi | To izmanto, lai iestatītu elementa labo polsterējumu. |
| polsterējums-top | To izmanto, lai iestatītu elementa augšējo polsterējumu. |
| polsterējums-apakšā | To izmanto, lai iestatītu elementa apakšējo polsterējumu. |
CSS polsterējuma vērtības
| Vērtība | Apraksts |
|---|---|
| garums | To izmanto, lai definētu fiksētu polsterējumu pt, px, em utt. |
| % | Tas definē polsterējumu saturošā elementa %. |
CSS polsterējuma piemērs
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Izmēģiniet to tagad Izvade:
Šī ir rindkopa bez noteikta polsterējuma.
Šī ir rindkopa ar noteiktiem pildījumiem.