CSS Padding ejendom anvendes for at definere mellemrummet mellem elementindholdet og elementrammen .
Den adskiller sig fra CSS-margen på den måde, at CSS-margin definerer rummet omkring elementer. CSS-polstring påvirkes af baggrundsfarverne. Det rydder et område omkring indholdet.
Top, bund, venstre og højre polstring kan ændres uafhængigt ved hjælp af separate egenskaber. Du kan også ændre alle egenskaber på én gang ved at bruge stenografi-udfyldningsegenskaber.
CSS-polstringsegenskaber
Ejendom | Beskrivelse |
---|---|
polstring | Det bruges til at indstille alle udfyldningsegenskaberne i én erklæring. |
polstring-venstre | Det bruges til at indstille venstre polstring af et element. |
polstring-højre | Det bruges til at indstille den rigtige polstring af et element. |
polstring-top | Det bruges til at sætte toppolstring af et element. |
polstring-bund | Det bruges til at indstille bundpolstring af et element. |
CSS-udfyldningsværdier
Værdi | Beskrivelse |
---|---|
længde | Det bruges til at definere fast polstring i pt, px, em osv. |
% | Den definerer polstring i % af det indeholdende element. |
Eksempel på CSS-polstring
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>Test det nu
Produktion:
Dette er et afsnit uden specificeret udfyldning.
Dette er et afsnit med specificerede udfyldninger.