Уметак-блок-крај - ЦСС-трикови

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

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

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

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

Али промените елементе writing-modeу нешто слично vertical-lrи „доња“ ивица се ротира у вертикалном смеру, понашајући се више попут rightсвојства.

Синтакса

inset-block-end: ;

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

Вредности

inset-block-endузима дужинску вредност и подржава глобалне кључне речи. Његова подразумевана вредност је auto.

/* Length values */ inset-block-end: 50px; inset-block-end: 4em; inset-block-end: 3.5rem inset-block-end: 25vh; /* Percentage values */ inset-block-end: 50%; /* Keyword values */ inset-block-end: auto; /* initial value */ /* Global values */ inset-block-end: initial inset-block-end: inherit; inset-block-end: unset;