CSS padding-block eigenschap

Vorige pagina padding
Volgende pagina padding-block-end

definitie en gebruik

element padding-block het is de ruimte tussen de rand en de inhoud in de blokkenrichting, het is een afkorting van de volgende eigenschappen:

padding-block De waarde van de eigenschap kan op verschillende manieren worden ingesteld:

De waarde van de eigenschap kan op verschillende manieren worden ingesteld:

padding-block: 10px 50px;

Als de eigenschap padding-block twee waarden heeft:
De binnenste marge aan het begin is 10px

De binnenste marge aan het einde is 50px

Als de eigenschap padding-block een waarde heeft:

padding-block: 10px;

De binnenste marge aan het begin en einde is 10px padding-block en padding-inline CSS De eigenschappen en de CSS-eigenschappenpadding-bottompadding-toppadding-bottom, en padding-left padding-right padding-block en padding-inline De eigenschap is afhankelijk van de blokrichting en de lijnrichting.

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

Voorbeeld

Voorbeeld 1

Stel de binnenste marge van de blokrichting in:

p {
  padding-block: 35px;
}

Probeer het zelf uit

Voorbeeld 2

Wanneer de <div> element writing-mode Wanneer de eigenschap value op vertical-rl wordt ingesteld, verandert de beginpositie van het element van boven naar rechts en de eindpositie van onder naar links:

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

Probeer het zelf uit

CSS syntax

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

Eigenschapswaarde

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

Technische details

Standaardwaarde:	auto
Inheritschap:	Nee
Animatieproductie:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntax:	object.style.paddingBlock="100px 50px"