Инсет-блоцк-старт - ЦСС-трикови

inset-block-startје логично ЦСС својство које поставља дужину померања елемента у правцу блока од његове почетне ивице. То је нека врста проглашења topосим свог полазна тачка је одређена елемент је direction, text-orientationи writing-mode, као и другим логичким особинама.

Својство је део спецификације ЦСС логичких својстава и вредности 1, која је тренутно у статусу Едитор'с Драфт. То значи да се дефиниција и информације о њој могу мењати од сада до званичне препоруке.

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

Тако, на пример, ако је режим писања подешен на horizontal-lrна inset-block-startимовину ће деловати као topи сет елемент је офсет од почело је предност, која је на врху. Чак је потребно да наведете експлицитно positionза исти елемент да би он ступио на снагу, баш као topи друга физичка својства офсета.

Али промените елементе writing-modeу нешто слично vertical-rlи почетна ивица се ротира у вертикалном смеру, понашајући се више попут leftсвојства.

Синтакса

inset-block-start: ;

Почетна вредност: auto
Односи се на: позиционирани елементи
Наследио: не
Проценти: као за одговарајуће физичко својство
Израчуната вредност: исто као и одговарајуће topсвојство
Тип анимације: према израчунатој врсти вредности

Вредности

inset-block-startузима дужинску вредност и подржава глобалне кључне речи. Његова подразумевана вредност је 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;