CSS padding-block-end egenskab

Forrige side padding-block
Næste side padding-block-start

Definition og brug

elementets padding-block-end er det rummet fra elementets kant til indholdet i blokretningens afslutning.

CSS padding-block og padding-inline egenskaber er sammenlignelige 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 indrykning.

Bemærk:relaterede CSS egenskaber writing-mode Definerer blokretningen. Dette påvirker blokkens start- og slutposition samt padding-block Resultatet af egenskaben. For engelske sider er blokretningen nedadgående, og indrykning er fra venstre til højre.

Eksempel

Eksempel 1

Indstil indrykning ved afslutningen af blokretningen:

p {
  padding-block-end: 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 afslutningsposition flyttes fra bunden til venstre:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
auto	Standard. Standard padding-block-end værdi for elementet.
length	Specificer padding-block-end med enheder som px, pt, cm osv. Negative værdier er ikke tilladt. Se:CSS units.
%	Specificer padding-block-end som en procentdel af størrelsen af parent elementet i lodret retning.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arver denne egenskab fra sin forældre element. Se: inherit.

Tekniske detaljer

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