Inset-block-start - CSS-trikovi

inset-block-startje logično CSS svojstvo koje postavlja duljinu odstupanja elementa u smjeru bloka od njegovog početnog ruba. To je vrsta kao što proglašenja toposim polazište je određen 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-start: 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-startimovinu će djelovati kao topi postaviti element je pomak od njega je polazna rub, koji je na vrhu. Čak trebate navesti eksplicitno positionza isti element da bi on stupio na snagu, baš kao topi ostala svojstva fizičkog odstupanja.

Ali promijenite elemente writing-modeu nešto slično vertical-rli početni rub zakreće se u okomitom smjeru, djelujući više poput leftsvojstva.

Sintaksa

inset-block-start: ;

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 topsvojstvo
Vrsta animacije: prema izračunatoj vrsti vrijednosti

Vrijednosti

inset-block-startuzima vrijednost duljine i podržava globalne ključne riječi. Njegova je zadana vrijednost 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;