جدول درس

دستورالعمل مرجع CSS

CSS خصوصیت

درس‌های انتخابی

پیشنهاد دوره:

جعبه ابزار CodeW3C.com

ویژگی margin-inline CSS

صفحه قبل margin-bottom
صفحه بعدی margin-inline-end

تعریف و استفاده

margin-inline این خاصیت تعیین می‌کند که مجوزه‌ی خارجی در شروع و پایان خط راست‌چین است و یک شorthand از زیرخصیت‌های زیر است:

margin-inline مقدارهای خاصیت می‌توانند به روش‌های مختلف تنظیم شوند:

اگر خاصیت margin-inline دو مقدار دارد:

margin-inline: 10px 50px;

مجوزه‌ی خارجی در شروع 10px است
مجوزه‌ی خارجی در پایان 50px است

اگر خاصیت margin-inline یک مقدار دارد:

margin-inline: 10px;

внешние поля в начале и конце 10px

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

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

пример

пример 1

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

div {
  margin-inline: 35px;
}

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

пример 2

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

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

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

пример 3

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

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

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

CSS грамматика

margin-inline: auto|длина|начальное значение|наследование;

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

значение	описание
авто	по умолчанию. Значение по умолчанию margin-inline для элемента.
длина	установить margin-inline в единицах px, pt, cm и т.д. Разрешены отрицательные значения. См. также:واحدهای CSS.
%	установить margin-inline в процентах по отношению к размеру родительского элемента в направлении строки.
начальное значение	установить этот атрибут в его значение по умолчанию. См. также начальное значение.
наследование	получает этот атрибут от родительского элемента. См. также наследование.

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

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