CSS padding-block-start eigenschap

Vorige pagina padding-block-end
Volgende pagina padding-bottom

Definitie en gebruik

van het element padding-block-start betekent de ruimte van de rand tot de inhoud aan de startpositie van de blokkenrichting.

CSS padding-block en padding-inline eigenschappen zijn vergelijkbaar met de CSS-eigenschappen padding-top,padding-bottom,padding-left en padding-right zeer vergelijkbaar, maar padding-block en padding-inline De eigenschap is afhankelijk van de blokkenrichting en de lijnrichting.

Opmerking:gerelateerde CSS-eigenschappen writing-mode Definieert de blokkenrichting. Dit beïnvloedt de start- en eindpositie van de blokken en padding-block Resultaat van de eigenschap. Voor Engelse pagina's is de blokkenrichting naar beneden en de lijnrichting van links naar rechts.

Voorbeeld

Voorbeeld 1

Stel de binnenste afstand in op de startpositie van de blokkenrichting:

p {
  padding-block-start: 35px;
}

Probeer het zelf uit

Voorbeeld 2

Stel de writing-mode van het <div>-element in op writing-mode Wanneer de eigenschap vertical-rl is ingesteld, is de blokkenrichting van rechts naar links. Het resultaat is dat de startpositie van het element van boven naar de rechterkant verhuist:

div {
  writing-mode: vertical-rl;
  padding-block-start: 50px;
}

Probeer het zelf uit

CSS syntaxis

padding-block-start: auto|value|initial|inherit;

Eigenschapswaarde

Waarde	Beschrijving
auto	Standaard. De standaardwaarde van padding-block-start voor het element.
length	Specificeer padding-block-start in eenheid van px, pt, cm, etc. Negatieve waarden zijn niet toegestaan. Raadpleeg:CSS Eenheid.
%	Specificeer padding-block-start als een percentage van de grootte van de ouderweergave in de lijnrichting.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap overneemt van de ouderweergave. Raadpleeg inherit.

Technische details

Standaardwaarde:	auto
Inheritantie:	Nee
Animatieproductie:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.paddingBlockStart="100px"