Vložený blok-štart - Triky CSS

inset-block-startje logická vlastnosť CSS, ktorá nastavuje dĺžku, ktorú má prvok posunutý v smere bloku od jeho počiatočnej hrany. Je to niečo ako deklarovanie topokrem jeho východiskový bod je určený prvok je direction, text-orientationa writing-moderovnako ako ostatné logické vlastnosti.

Táto vlastnosť je súčasťou špecifikácie úrovne 1 logických vlastností a hodnôt CSS, ktorá je momentálne v stave konceptu editora. To znamená, že definícia a informácie o nej sa môžu meniť medzi dnešným dňom a oficiálnym odporúčaním.

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

Tak napríklad, ak je režim zápisu nastavený horizontal-lrna inset-block-startmajetku bude správať rovnako ako topa nastavte element je posunutá od to začína okraj, čo je najvyššia. Pre positionrovnaký efekt musíte dokonca určiť explicitný výraz pre rovnaký prvok, rovnako ako topa ďalšie vlastnosti fyzického posunu.

Ale zmeňte element writing-modena niečo podobné vertical-rla začiatočná hrana sa otočí vo zvislom smere, čím sa bude správať viac ako leftvlastnosť.

Syntax

inset-block-start: ;

Pôvodná hodnota: auto
Platí pre: umiestnené prvky
Zdedené: č
Percentá: pokiaľ ide o zodpovedajúce fyzické vlastnosti
Vypočítaná hodnota: rovnaká ako zodpovedajúca topvlastnosť
Typ animácie: podľa typu vypočítanej hodnoty

Hodnoty

inset-block-startmá dĺžku a podporuje globálne kľúčové slová. Jeho predvolená hodnota je 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;