CSS Padding eiendom benyttes for å definere mellomrommet mellom elementinnholdet og elementkanten .
Den er forskjellig fra CSS-margin på den måten at CSS-margin definerer rommet rundt elementer. CSS-polstring påvirkes av bakgrunnsfargene. Det rydder et område rundt innholdet.
Topp, bunn, venstre og høyre polstring kan endres uavhengig ved hjelp av separate egenskaper. Du kan også endre alle egenskapene samtidig ved å bruke stenografisk polstringsegenskap.
CSS-polstringsegenskaper
| Eiendom | Beskrivelse |
|---|---|
| polstring | Den brukes til å angi alle utfyllingsegenskapene i én erklæring. |
| polstring-venstre | Den brukes til å sette venstre polstring av et element. |
| polstring-høyre | Den brukes til å sette riktig polstring av et element. |
| polstring-topp | Den brukes til å sette topppolstring av et element. |
| polstring-bunn | Den brukes til å sette bunnpolstring av et element. |
CSS-polstringsverdier
| Verdi | Beskrivelse |
|---|---|
| lengde | Den brukes til å definere fast polstring i pt, px, em etc. |
| % | Den definerer utfylling i % av inneholdende 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 nå Produksjon:
Dette er et avsnitt uten spesifisert utfylling.
Dette er et avsnitt med spesifiserte utfyllinger.