CSS inset-block-end egenskab

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

Definition og brug

inset-block-end egenskab for at indstille afstanden mellem elementets ende og forældrelementet i blokretningen.

Bemærk:For at gøre denne egenskab effektiv, skal du specificere position egenskab

CSS' inset-inline og inset-block egenskaber er sammenlignelige med CSS' toppen,bunden,venstre og højre egenskaber er meget lignende, men inset-block og inset-inline Egenskaben afhænger af blokretning og rækkefølge.

Bemærk:relaterede CSS egenskaber writing-mode Definerer blokretningen. Dette påvirker blokkens start- og slutpositioner samt inset-block-end Egenskabets resultat. For engelske sider er blokretningen nedad og rækkefølgen fra venstre til højre.

Eksempel

Eksempel 1

Indstil afståndet mellem en positioneret <div>-element i blokretningen til forældrelementet:

div {
  inset-block-end: 50px;
}

Prøv det selv

Eksempel 2

Når <div>-elementets writing-mode Når egenskabsværdien sættes til vertical-rl, er blokretningen fra højre til venstre. Resultatet er, at elementets ende flytter sig fra bunden til venstre:

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

Prøv det selv

CSS syntaks

inset-block-end: auto|length|initial|inherit;

Egenskabsværdi

Værdi	Beskrivelse
auto	Standardværdi. Elementets standard indsat distance.
length	Specificer afstanden med enheder som px, pt, cm osv. Tillader negative værdier. Se:CSS Enheder.
%	Specificer en procentdel af afstanden fra forældrelementet på den tilsvarende akse.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra forældrelementet. Se: inherit.

Tekniske detaljer

Standardværdi:	auto
Arv:	Nej
Animation produceret af:	Understøttet. Se:Animationelle egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.insetBlockEnd="100px"