Umetak-blok-kraj - CSS-trikovi

inset-block-endje logično CSS svojstvo koje postavlja duljinu odstupanja elementa u smjeru bloka od njegovog završnog ruba. To je vrsta kao što proglašenja bottomosim krajnje točke određuje element a direction, text-orientationi writing-mode, baš kao i druge logičke svojstva.

Svojstvo je dio specifikacije CSS logičkih svojstava i vrijednosti 1 koja je trenutno u statusu Editor's Draft. To znači da se definicija i podaci o njoj mogu mijenjati od sada do službene preporuke.

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

Tako, na primjer, ako je način pisanja je postavljen na horizontal-lrna inset-block-endimovinu će djelovati kao bottomi postaviti element je odmaknut od donjeg ruba. Čak trebate navesti eksplicitno positionza isti element da bi on stupio na snagu, baš kao bottomi ostala svojstva fizičkog odstupanja.

Ali promijenite elemente writing-modeu nešto slično vertical-lri "donji" rub se zakreće u okomitom smjeru, djelujući više poput rightsvojstva.

Sintaksa

inset-block-end: ;

Početna vrijednost: auto
Odnosi se na: pozicionirani elementi
Naslijeđeno: ne
Procenti: kao za odgovarajuće fizičko svojstvo
Izračunata vrijednost: isto kao i odgovarajuće bottomsvojstvo
Vrsta animacije: prema izračunatoj vrsti vrijednosti

Vrijednosti

inset-block-enduzima vrijednost duljine i podržava globalne ključne riječi. Njegova je zadana vrijednost auto.

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