Ielikt-bloķēt-sākt - CSS-triki

inset-block-startir loģisks CSS rekvizīts, kas nosaka garumu, kāds elements ir nobīdīts bloka virzienā no tā sākuma malas. Tas ir līdzīgs deklarēšanai, topizņemot to, ka tā sākuma punktu nosaka elementa direction, text-orientationun writing-modetāpat kā citas loģiskās īpašības.

Īpašums ir daļa no CSS loģisko rekvizītu un vērtību 1. līmeņa specifikācijas, kas pašlaik atrodas redaktora melnraksta statusā. Tas nozīmē, ka definīcija un informācija par to var mainīties starp pašreizējo un oficiālo ieteikumu.

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

Tā, piemēram, ja rakstīšanas režīms ir iestatīts horizontal-lruz inset-block-startīpašumu rīkosies tāpat topun noteikt elements ir nobīde no tā sākuma malu, kas ir top. positionLai tas stātos spēkā, jums pat jānorāda precīzs paziņojums par to pašu elementu, tāpat kā topcitas fiziskās nobīdes īpašības.

Bet mainiet elementu writing-modeuz kaut ko līdzīgu, vertical-rlun sākuma mala tiek pagriezta vertikālā virzienā, rīkojoties vairāk kā leftīpašums.

Sintakse

inset-block-start: ;

Sākotnējā vērtība: auto
Attiecas uz: izvietotajiem elementiem
Mantots: nē
Procenti: tāpat kā attiecīgajam fiziskajam īpašumam
Aprēķinātā vērtība: tāda pati kā atbilstošajam topīpašumam
Animācijas tips: pēc aprēķinātās vērtības veida

Vērtības

inset-block-startņem garuma vērtību un atbalsta globālos atslēgvārdus. Tās noklusējuma vērtība ir 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;