Innfelt-blokk-start - CSS-triks

inset-block-starter en logisk CSS-egenskap som setter lengden på at et element skal forskyves i blokkretningen fra startkanten. Det er som å erklære, topbortsett fra at startpunktet bestemmes av elementets direction, text-orientationog writing-modeakkurat som andre logiske egenskaper.

Eiendommen er en del av CSS Logical Properties and Values Level 1-spesifikasjonen som for øyeblikket er i Editor's Draft-status. Det betyr at definisjonen og informasjonen om den kan endres mellom nå og offisiell anbefaling.

.element ( inset-block-start: 50px; position: relative; /* Apples to positioned elements */ writing-mode: vertical-rl; /* Determines the block start direction */ )

Så, for eksempel, hvis skrivemodus er satt til horizontal-lrden inset-block-starteiendommen vil fungere akkurat som topog stille elementet er forskjøvet fra det begynner kant, som er den øverste. Du må til og med spesifisere et eksplisitt positionpå det samme elementet for at det skal tre i kraft, akkurat som topog andre fysiske forskyvningsegenskaper.

Men endre elementet writing-modetil noe sånt vertical-rlog startkanten roteres i vertikal retning, og virker mer som leftegenskapen.

Syntaks

inset-block-start: ;

Opprinnelig verdi: auto
Gjelder: posisjonerte elementer
Arvet: nei
Prosentandel: som for den tilsvarende fysiske egenskapen
Beregnet verdi: samme som tilsvarende topeiendom
Animasjonstype: etter beregnet verditype

Verdier

inset-block-starttar en lengdeverdi og støtter globale søkeord. Standardverdien er auto.

/* Length values */ inset-block-start: 50px; inset-block-start: 4em; inset-block-start: 3.5rem inset-block-start: 25vh; /* Percentage values */ inset-block-start: 50%; /* Keyword values */ inset-block-start: auto; /* initial value */ /* Global values */ inset-block-start: initial inset-block-start: inherit; inset-block-start: unset;