CSS свойство margin-inline-end

Определение и использование

margin-inline-end определяет отступ конца направления inline.

Attribute CSS margin-inline и margin-block Attribute и margin-top,margin-bottom,margin-left и margin-right Attribute очень похож, но margin-inline и margin-block Attribute зависит от блокового направления и направления inline.

Примечание:связанные CSS attribute writing-mode и direction Определяет направление inline. Это влияет на начальное и конечное положение элемента, а также margin-inline-end Результат attribute. Для английских страниц, блоковое направление идет вниз, а направление inline идет слева направо.

Пример

Пример 1

Установить отступ конца inline-направления:

div {
  margin-inline-end: 35px;
}

Попробуйте сами

Пример 2

Когда значение attribute <div> элемента writing-mode Когда значение attribute установлено в 'vertical-rl', направление inline идет вниз. Результатом является перемещение конца элемента из правого края в нижнюю часть:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

Попробуйте сами

Пример 3

Когда значение attribute <div> элемента direction Когда значение attribute установлено в 'rtl', направление inline идет справа налево. Результатом является перемещение конца элемента из правого края в левый:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

Попробуйте сами

CSS синтаксис

margin-inline-end: auto|length|initial|inherit;

Значение атрибута

Значение Описание
auto Значение по умолчанию. Значение по умолчанию для margin-inline-end элемента.
length

Указать margin-inline-end в единицах px, pt, cm и т.д. Допускаются отрицательные значения.

См. также:Единицы CSS.
% Указать margin-inline-end в процентах от размера родительского элемента в направлении inline.
initial Установить этот атрибут в его значение по умолчанию. См. также initial.
inherit Этот атрибут наследуется от родительского элемента. См. также inherit.

Технические детали

Значение по умолчанию: auto
Ингерит: Нет
Создание анимации: Поддерживается. См. также:Атрибуты, связанные с анимацией.
Версия: CSS3
JavaScript синтаксис: object.style.marginInlineEnd="50px"

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Кром Эдж Фаерфокс Сафари Опера
87.0 87.0 41.0 12.1 73.0

Связанные страницы

См. также:CSS свойство direction

См. также:CSS свойство margin-inline-start

См. также:Свойство CSS margin-bottom

См. также:CSS свойство margin-inline

См. также:CSS свойство margin-left

См. также:CSS свойство margin-right

См. также:CSS свойство margin-top

См. также:Свойство writing-mode в CSS