Indsæt-blok-start - CSS-tricks

inset-block-starter en logisk CSS-egenskab, der indstiller længden, som et element forskydes i blokretningen fra dets startkant. Det er lidt ligesom at erklære topundtagen sit udgangspunkt er bestemt af elementets direction, text-orientationog writing-mode, ligesom andre logiske egenskaber.

Ejendommen er en del af CSS logiske egenskaber og værdier niveau 1 specifikation, som i øjeblikket er i Editor's kladdestatus. Det betyder, at definitionen og informationen om den kan ændre sig fra nu til officiel 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 skriften er indstillet til horizontal-lrden inset-block-startejendom vil fungere ligesom topog sætte elementet er forskudt fra det er begyndt kant, som er den øverste. Du skal endda angive et eksplicit positionpå det samme element for at det kan træde i kraft, ligesom topog andre fysiske forskydningsegenskaber.

Men skift elementet writing-modetil noget lignende, vertical-rlog startkanten roteres i lodret retning og virker mere som leftejendommen.

Syntaks

inset-block-start: ;

Startværdi: auto
Gælder for: placerede elementer
Arvet: nej
Procentdele: som for den tilsvarende fysiske egenskab
Beregnet værdi: samme som den tilsvarende topegenskab
Animationstype: efter beregnet værditype

Værdier

inset-block-starttager en længdeværdi og understøtter globale søgeord. Dens standardværdi 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;