logo

CSS-stoppning

CSS Padding-egenskap är använd för att definiera utrymmet mellan elementinnehållet och elementets kantlinje .

Det skiljer sig från CSS-marginalen på det sätt som CSS-marginalen definierar utrymmet runt element. CSS-utfyllnad påverkas av bakgrundsfärgerna. Det rensar ett område runt innehållet.

Topp, botten, vänster och höger stoppning kan ändras oberoende med hjälp av separata egenskaper. Du kan också ändra alla egenskaper på en gång genom att använda stenografisk utfyllnadsegenskap.

CSS-stoppningsegenskaper

Fast egendom Beskrivning
stoppning Den används för att ställa in alla utfyllnadsegenskaper i en deklaration.
stoppning-vänster Den används för att ställa in vänster stoppning av ett element.
stoppning-höger Den används för att ställa in rätt stoppning av ett element.
stoppning-top Den används för att sätta toppstoppning av ett element.
stoppning-botten Den används för att ställa in bottenstoppning av ett element.

CSS-utfyllnadsvärden

Värde Beskrivning
längd Den används för att definiera fast utfyllnad i pt, px, em etc.
% Den definierar utfyllnad i % av innehållande element.

Exempel på CSS-utfyllnad

 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> 
Testa det nu

Produktion:

Detta är ett stycke utan specificerad utfyllnad.

Detta är ett stycke med specificerade fyllningar.