CSS-opvullingseigenschap is gebruikt om de ruimte tussen de elementinhoud en de elementrand te definiëren .
Het verschilt van de CSS-marge in de manier waarop de CSS-marge de ruimte rond elementen definieert. CSS-opvulling wordt beïnvloed door de achtergrondkleuren. Het maakt een gebied rond de inhoud vrij.
De opvulling boven, onder, links en rechts kunnen onafhankelijk worden gewijzigd met behulp van afzonderlijke eigenschappen. U kunt ook alle eigenschappen in één keer wijzigen door de eigenschap Shorthand Padding te gebruiken.
Eigenschappen van CSS-opvulling
| Eigendom | Beschrijving |
|---|---|
| opvulling | Het wordt gebruikt om alle opvuleigenschappen in één declaratie in te stellen. |
| opvulling-links | Het wordt gebruikt om de linkeropvulling van een element in te stellen. |
| opvulling-rechts | Het wordt gebruikt om de juiste opvulling van een element in te stellen. |
| opvulling-top | Het wordt gebruikt om de bovenste opvulling van een element in te stellen. |
| opvulling-bodem | Het wordt gebruikt om de onderste opvulling van een element in te stellen. |
CSS-opvulwaarden
| Waarde | Beschrijving |
|---|---|
| lengte | Het wordt gebruikt om vaste opvulling in pt, px, em enz. te definiëren. |
| % | Het definieert de opvulling in% van het bevattende element. |
Voorbeeld van CSS-opvulling
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 het nu Uitgang:
Dit is een paragraaf zonder gespecificeerde opvulling.
Dit is een paragraaf met gespecificeerde opvullingen.