CSS padding-block-start egenskab

Forrige side padding-block-end
Næste side padding-bottom

Definition og brug

elements padding-block-start betyder i dens blokretning startposition, fra kant til indhold.

CSS padding-block og padding-inline egenskaber er ens med CSS egenskaber padding-top,padding-bottom,padding-left og padding-right er meget ligner, men padding-block og padding-inline Egenskaben afhænger af blokretning og rækkevisning.

Bemærk:relaterede CSS egenskaber writing-mode Definerer blokretningen. Dette påvirker blokkens start- og slutpositioner samt padding-block Egenskabets resultat. For engelske sider er blokretningen nedadgående, og rækkevisning er fra venstre til højre.

Eksempel

Eksempel 1

Indstil indrykning på startpositionen i blokretningen:

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

Prøv det selv

Eksempel 2

Sæt <div>-elementets writing-mode Når egenskabsværdien sættes til vertical-rl, er blokretningen fra højre til venstre. Resultatet er, at elementets startposition flyttes til højre:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
auto	Standard. Standardværdien for padding-block-start for elementet.
length	Specificer padding-block-start i enheder som px, pt, cm osv. Negative værdier er ikke tilladt. Se:CSS units.
%	Specificer padding-block-start som en procentdel af størrelsen af forældrelementet i rækkevisning.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra sin forældrelement. Se: inherit.

Tekniske detaljer

Standardværdi:	auto
Arv:	Nej
Animation production:	Understøttet. Se:Animation relaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.paddingBlockStart="100px"