Маргин-инлине-енд - ЦСС-трикови

margin-inline-endИмовина у ЦСС дефинише количину простора дуж спољашњег крајњој тачки ивици елемента у правцу инлине. Уврштен је у спецификацију ЦСС логичких својстава нивоа 1, која је тренутно у радној верзији.

.element ( margin-inline-end: 25%; writing-mode: vertical-lr; )

Окончањем ивица у правцу инлине одређује је елемента writing-mode, directionи text-orientation. Дакле, када се користи margin-inline-endу хоризонталном контексту слева надесно, делује исто као margin-rightда је крајња ивица елемента десна страна.

Али ако променимо writing-modeу, рецимо, вертикално, елемент се ротира у смеру казаљке на сату, постављајући крајњу ивицу према дну. Као резултат, margin-inline-endпонаша се баш као margin-bottom. У основи, почетна ивица је у односу на смер кретања. На то мислимо када говоримо о „логичким“ својствима.

Синтакса

margin-inline-end:

Некако је чудно видети синтаксу једног својства која се односи на синтаксу другог ЦСС својства управо у документацији, али то је заиста оно што јесте. Оно што у основи покушава да каже је да својство прихвата исте вредности као margin-topшто следи ова синтакса:

margin-top: | | auto;

Почетна вредност: 0
Односи се на: све елементе, осим унутрашњих елемената табеле, рубин основних контејнера и рубин напомена контејнера
Наследио: не
Проценти: као за одговарајуће физичко својство
Израчуната вредност: исто као и одговарајућа margin-*својства
Тип анимације: према израчунатој врсти вредности

Вредности

margin-block-start прихвата једну дужину или вредност кључне речи.

/* Length values */ margin-inline-end: 20px; margin-inline-end: 2rem; margin-inline-end: 25%; /* Keyword values */ margin-inline-end: auto; /* Global values */ margin-inline-end: inherit; margin-inline-end: initial; margin-inline-end: unset;