CSS padding-block-end eigenschap

Vorige pagina padding-block
Volgende pagina padding-block-start

Aanbevolen cursus:

definitie en gebruik van het element padding-block-end

betekent de ruimte van het element van de rand tot het einde van de inhoud in de blokkenrichting. padding-block en padding-inline CSS eigenschappen zijn vergelijkbaar met de CSS-eigenschappenpadding-bottompadding-toppadding-bottom, en padding-left padding-right 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 Het 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 aan het einde van de blokkenrichting:

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

Probeer het zelf uit

Voorbeeld 2

Stel de writing-mode van de <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 eindpositie van het element van onder naar links verhuist:

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

Probeer het zelf uit

CSS syntaxis

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

Eigenschapswaarde

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

Technische details

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