CSS padding-bottom eigenschap
- vorige pagina padding-block-start
- Volgende pagina padding-inline
Definitie en gebruik
De eigenschap padding-bottom stelt de ondersteunende binnenvoeging (ondersteunende ruimte) van het element in.
Verklaring
Deze eigenschap stelt de breedte van de ondersteunende binnenvoeging van het element in. De ondersteunende binnenvoeging van inline niet-ruilbare elementen beïnvloedt niet de berekening van de lijnhoogte, dus een element kan visueel uitstrekken naar andere regels en mogelijk overeenkomen met andere inhoud. Negatieve waarden voor de ondersteunende binnenvoeging zijn niet toegestaan.
Opmerking:Negatieve waarden zijn niet toegestaan.
Zie ook:
CSS handleiding:CSS binnenafstand
HTML DOM referentiehandleiding:paddingBottom eigenschap
Voorbeeld
Instellen van de ondersteunende binnenvoeging van het p-element:
p { padding-bottom:2cm; }
(Meer voorbeelden zijn te vinden aan de onderkant van de pagina)
CSS syntaxis
padding-bottom: length|initial|inherit;
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
length | Stelt een vaste ondersteunende binnenvoeging in met een specifieke eenheid, zoals pixels, centimeters, enz. De standaardwaarde is 0px. |
% | Definieert een percentage van de breedte van het ouderlijke element als ondersteunende binnenvoeging. Deze waarde werkt niet zoals verwacht in alle browsers. |
inherit | Het wordt voorgesteld dat de ondersteunende binnenvoeging van het element moet worden geërfd van het ouderlijke element. |
Technische details
Standaardwaarde: | 0 |
---|---|
Inheritantie: | nee |
Versie: | CSS1 |
JavaScript syntaxis: | object.style.paddingBottom="10px" |
TIY voorbeeld
- Instellen van ondersteunende binnenvoeging 1
- Dit voorbeeld toont hoe je de ondersteunende binnenvoeging van een cel kunt instellen met centimeters.
- Instellen van ondersteunende binnenvoeging 2
- Dit voorbeeld toont hoe je de ondersteunende binnenvoeging van een cel kunt instellen met percentages.
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- vorige pagina padding-block-start
- Volgende pagina padding-inline