CSS padding-right eigenschap

Definitie en gebruik

De eigenschap padding-right stelt de rechterbinnenrand (witruimte) van het element in.

Opmerking:Negatieve waarden zijn niet toegestaan.

Beschrijving

Deze eigenschap stelt de breedte van de rechterbinnenrand van het element in. De rechterbinnenrand die wordt ingesteld op inline niet-ruilende elementen verschijnt alleen aan de rechterkant van de eerste inlinebalk die het element genereert.

Zie ook:

CSS handleiding:CSS binnenafstand

HTML DOM referentiehandleiding:paddingRight eigenschap

Voorbeeld

Stel de rechterbinnenrand van het p-element in:

p
  {
  padding-right:2cm;
  }

Probeer het zelf

(Meer voorbeelden zijn te vinden aan de onderkant van de pagina)

CSS syntaxis

padding-right: length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
length Stelt een vaste rechterbinnenrand in met een specifieke eenheid, zoals pixels, centimeters, etc. De standaardwaarde is 0px.
% Definieert een percentagebinnenrand op basis van de breedte van het ouder-element. Deze waarde werkt niet zoals verwacht in alle browsers.
inherit Het wordt voorgesteld dat de rechterbinnenrand van het ouder-element wordt geërfd.

Technische details

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

TIY voorbeeld

Instellen van rechterbinnenrand 1
Dit voorbeeld demonstreert hoe je centimeterwaarden kunt gebruiken om de rechterbinnenrand van een cel in te stellen.
Instellen van rechterbinnenrand 2
Dit voorbeeld demonstreert hoe je percentagewaarden kunt gebruiken om de rechterbinnenrand van een cel in te stellen.

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