logo

CSS polstring

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.