CSS padding-top eigenschap

Definitie en gebruik

De eigenschap padding-top stelt de bovenste binnenruimte van het element in (ruimte).

Uitleg

Deze eigenschap stelt de breedte van de bovenste binnenrand van het element in. De bovenste binnenrand van inline niet-ruilbare elementen beïnvloedt niet de berekening van de lijnhoogte, dus een element dat zowel binnenrand als achtergrond heeft, kan visueel uitstrekken naar andere regels en mogelijk overlappen met andere inhoud. Negatieve binnenrandwaarden zijn niet toegestaan.

Opmerking:Negatieve waarden zijn niet toegestaan.

Zie ook:

CSS handleiding:CSS inkeping

HTML DOM referentiemanual:paddingTop eigenschap

Voorbeeld

Instellen van de bovenste binnenrand van de p-elementen:

p
  {
  padding-top:2cm;
  }

Probeer het zelf

Meer voorbeelden zijn te vinden aan de onderkant van de pagina.

CSS syntaxis

padding-top: length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
length Stelt een vast oppervlak van de bovenste binnenrand in, bijvoorbeeld pixels, centimeters, etc. De standaardwaarde is 0px.
% Definieert een percentage van de breedte van het ouder element als de bovenste binnenrand. Deze waarde werkt niet zoals verwacht in alle browsers.
inherit Het wordt voorgesteld dat de bovenste binnenrand van het element moet worden geërfd van het ouder element.

Technische details

Standaardwaarde: 0
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.paddingTop="10px"

TIY voorbeeld

Instellen van bovenste binnenrand 1
Dit voorbeeld demonstreert hoe je de bovenste binnenrand van een cel kunt instellen met centimeters.
Instellen van bovenste binnenrand 2
Dit voorbeeld demonstreert hoe je de bovenste binnenrand van een cel kunt instellen met percentages.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5