Vložený blok-začátek - Triky CSS

inset-block-startje logická vlastnost CSS, která nastavuje délku posunutí prvku ve směru bloku od jeho počáteční hrany. Je to něco jako deklarace, topkromě toho, že jeho počáteční bod je určen elementem direction, text-orientationa writing-mode, stejně jako ostatní logické vlastnosti.

Tato vlastnost je součástí specifikace CSS Logical Properties and Values úrovně 1, která je aktuálně ve stavu konceptu editora. To znamená, že definice a informace o ní se mohou změnit mezi dnešním dnem a oficiálním doporučením.

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

Tak například, pokud je režim zápisu nastaven horizontal-lrna inset-block-startmajetku bude chovat stejně jako topa nastavte element je posunuta od to začíná okraj, což je nejvyšší. Dokonce musíte zadat explicitní positionna stejném prvku, aby se projevil, stejně jako topa další vlastnosti fyzického posunu.

Ale změňte prvek writing-modena něco jako vertical-rla počáteční hrana se otočí ve svislém směru a bude se chovat spíše jako leftvlastnost.

Syntax

inset-block-start: ;

Počáteční hodnota: auto
Platí pro: umístěné prvky
Zděděno: ne
Procenta: pokud jde o odpovídající fyzickou vlastnost
Vypočítaná hodnota: stejná jako odpovídající topvlastnost
Typ animace: podle typu vypočítané hodnoty

Hodnoty

inset-block-startmá hodnotu délky a podporuje globální klíčová slova. Jeho výchozí 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;