CSS padding-left eigenschap

Definitie en gebruik

De padding-left eigenschap stelt de linkerbinnenmarge (空白) van het element in.

Uitleg

Deze eigenschap stelt de breedte van de linkerbinnenmarge van het element in. De linkerbinnenmarge die wordt ingesteld op inline niet-vervangende elementen, verschijnt alleen aan de linkerkant van de eerste inline-balk die het element genereert.

Opmerking:Negatieve waarden zijn niet toegestaan.

Zie ook:

CSS handleiding:CSS binnenste marges

HTML DOM referentiehandleiding:paddingLeft eigenschap

Voorbeeld

Stel de linkerbinnenmarge in van het p-element:

p
  {
  padding-left:2cm;
  }

Probeer het zelf

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

CSS syntaxis

padding-left: length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
length Stelt een vaste linkerbinnenmarge in met een specifieke eenheid, zoals pixels, centimeters, etc. De standaardwaarde is 0px.
% Definieert een percentage linkerbinnenmarge gebaseerd op de breedte van het ouder-element. Deze waarde werkt niet zoals verwacht in alle browsers.
inherit Stelt dat de linkerbinnenmarge van het element moet worden geërfd van het ouder-element.

Technische details

Standaardwaarde: 0
Inheritsiviteit: nee
Versie: CSS1
JavaScript syntaxis: object.style.paddingLeft="10px"

TIY voorbeeld

Linkerbinnenmarge instellen 1
Dit voorbeeld demonstreert hoe je centimeters kunt gebruiken om de linkerbinnenmarge van een cel in te stellen.
Linkerbinnenmarge instellen 2
Dit voorbeeld demonstreert hoe je percentagewaarden kunt gebruiken om de linkerbinnenmarge van een cel in te stellen.

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