Inzet-blok-start - CSS-trucs | CSS Almanac 2025

inset-block-startis een logische CSS-eigenschap die de lengte instelt waarmee een element wordt verschoven in de blokrichting vanaf de beginrand. Het is zoiets als declareren, topbehalve dat het startpunt wordt bepaald door de elementen direction, text-orientationen writing-mode, net als andere logische eigenschappen.

De eigenschap maakt deel uit van de CSS Logical Properties and Values Level 1-specificatie die momenteel de Editor's Draft-status heeft. Dat betekent dat de definitie en informatie erover kan veranderen tussen nu en officiële aanbeveling.

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

Als de schrijfmodus bijvoorbeeld is ingesteld op horizontal-lrde inset-block-starteigenschap, zal deze zich net zo gedragen als topen de offset van het element instellen ten opzichte van de beginrand, die de bovenkant is. U moet zelfs een expliciet positionvoor hetzelfde element specificeren om het van kracht te laten worden, net als bij topandere fysieke offset-eigenschappen.

Maar verander de elementen writing-modein iets dergelijks vertical-rlen de beginrand wordt in verticale richting gedraaid, meer als de lefteigenschap.

Syntaxis

inset-block-start: ;

Beginwaarde: auto
Geldt voor: gepositioneerde elementen
Overgenomen: nee
Percentages: zoals voor de bijbehorende fysieke eigenschap
Berekende waarde: hetzelfde als de bijbehorende topeigenschap
Animatietype: op type berekende waarde

Waarden

inset-block-startheeft een lengtewaarde en ondersteunt globale trefwoorden. De standaardwaarde is 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;