Перейти к содержанию

inset-inline-end

Свойство inset-inline-end определяет логическую встроенную конечную вставку элемента, которая сопоставляется с физическим смещением в зависимости от режима записи элемента, направления и ориентации текста.

Он соответствует top, right, bottom или left свойству в зависимости от значений, определенных для writing-mode, direction и text-orientation.

Демо

Логическое позиционирование

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
/* <length> values */
inset-inline-end: 3px;
inset-inline-end: 2.4em;

/* <percentage>s of the width or height of the containing block */
inset-inline-end: 10%;

/* Keyword value */
inset-inline-end: auto;

/* Global values */
inset-inline-end: inherit;
inset-inline-end: initial;
inset-inline-end: revert;
inset-inline-end: revert-layer;
inset-inline-end: unset;

Поддержка браузерами

Ссылки

Комментарии