CSS padding-block-start egenskap

Föregående sida padding-block-end
Nästa sida padding-bottom

Definition och användning

elementets padding-block-start är det utrymme från kant till innehåll vid blockets början.

CSS padding-block och padding-inline egenskaper är lika med CSS-egenskapen padding-top,padding-bottom,padding-left och padding-right är mycket lika, men padding-block och padding-inline Egenskapen beror på blockriktningen och inre riktningen.

Observera:relaterade CSS-egenskaper writing-mode Definierar blockriktningen. Detta påverkar blockets början och slutposition samt padding-block Resultatet av egenskapen. För engelska sidor är blockriktningen nedåt och inre riktningen är från vänster till höger.

Exempel

Exempel 1

Ställ in inre marginal på början av blockriktningen:

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

Prova själv

Exempel 2

Sätt <div>-elementets writing-mode När egenskapsvärdet är satt till vertical-rl är blockriktningen från höger till vänster. Resultatet är att elementets startposition flyttas till höger:

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

Prova själv

CSS-syntaks

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

Egenskapsvärde

Värde	Beskrivning
auto	Standard. Standardvärdet för padding-block-start för elementet.
length	Specificera padding-block-start i enheter som px, pt, cm, etc. Negativa värden är inte tillåtna. Se vidare:CSS units.
%	Specificera padding-block-start som en procentandel av föräldrelementets storlek i radläge.
initial	Sätt denna egenskap till dess standardvärde. Se vidare: initial.
inherit	Följ från föräldrelementet för att arbeta med denna egenskap. Se vidare: inherit.

Tekniska detaljer

Standardvärde:	auto
Arvande:	Nej
Animationstillverkning:	Stöd. Se vidare:Animation relaterade egenskaper.
Version:	CSS3
JavaScript-syntaks:	object.style.paddingBlockStart="100px"