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.