CSS inset-block-start egenskab

Forrige side inset-block-end
Næste side inset-inline

Definisjon og bruk

inset-block-start egenskapen for å sette avstanden mellom elementets startende ende i blokkretningen og foreldrelementet.

Bemerk:For å gjøre denne egenskapen gyldig, må du spesifisere position egenskaper.

CSS sine inset-inline og inset-block egenskaper er sammenlignbare med CSS sine topp,bunn,venstre og høyre egenskaper er meget lik, men inset-block og inset-inline Egenskapen avhenger av blokkretning og linjefordeling.

Bemerk:tilhørende CSS-egenskaper writing-mode Definerer blokkretningen. Dette påvirker blokkens start- og sluttposisjon, samt inset-block-start Resultatet av egenskapen. For engelske sider er blokkretningen nedover, og linjefordelingen er fra venstre til høyre.

Eksempel

Eksempel 1

Sett plassert <div>-elementets startende ende av blokkretningen i avstanden til foreldrelementet:

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

Prøv det selv

Eksempel 2

Når <div>-elementets writing-mode Når egenskapsverdien er satt til vertical-rl, er blokkretningen fra høyre til venstre. Resultatet er at elementets startende ende beveger seg til høyre:

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

Prøv det selv

CSS-syntaks

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

Egenskapsverdi

Verdi	Beskrivelse
auto	Standardverdi. Bruk elementets standard inset-avstand.
length	Bruk fast enhet (som px, pt, cm osv.) for å spesifisere avstanden. Negative verdier er tillatt. Se:CSS units.
%	Bruk prosent for å spesifisere avstanden, relativt til foreldrelementets størrelse på tilsvarende aksel.
initial	Sett denne egenskapen til standardverdien. Se: initial.
inherit	Arv denne egenskapen fra foreldrelementet. Se: inherit.

Teknisk detalj

Standardverdi:	auto
Arv:	Nei
Animasjonsproduksjon:	Støttet. Se:Animasjonsrelaterte egenskaper.
Versjon:	CSS3
JavaScript-syntaks:	object.style.insetBlockStart="100px"