расписание курса

Референсное руководство по CSS

CSS свойство

Дополнительные курсы

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

Предыдущая страница margin-bottom
Следующая страница margin-inline-end

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

margin-inline Свойство указывает на внешний отступ в начале и конце строки в направлении строки и является сокращением следующих свойств:

margin-inline Значение свойства можно установить несколькими способами:

Если у свойства margin-inline есть два значения:

margin-inline: 10px 50px;

Внешний отступ в начале составляет 10px
Внешний отступ в конце составляет 50px

Если у свойства margin-inline есть значение:

margin-inline: 10px;

внешние отступы в начале и конце 10px

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

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

Пример

Пример 1

Установить внешние отступы по сторонам строки:

div {
  margin-inline: 35px;
}

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

Пример 2

Когда значение атрибута <div>元素的 writing-mode Когда значение атрибута 'vertical-rl' установлено, направление строки снизу вверх. Результатом является перемещение начальной позиции элемента из левого в верх и конечной позиции из правого в низ:

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

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

Пример 3

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

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

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

CSS синтаксис

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

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

Значение	Описание
auto	Значение по умолчанию. Значение по умолчанию margin-inline для элемента.
length	Указать margin-inline в единицах px, pt, cm и т.д. Допускаются отрицательные значения. См. также:Единицы CSS.
%	Указать процент margin-inline по отношению к размеру родительского элемента в направлении строки.
initial	Установить этот атрибут в значение по умолчанию. См. также initial.
inherit	Ингеритация из родительского элемента. См. также inherit.

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

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