CSS margin-inline-start属性

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

margin-inline-start خصائص تعریف می‌کنند که چگونه حاشیه‌های شروع یک سطر درون خط قرار می‌گیرند.

CSS ویژگی‌ها بسیار مشابه هستند، اما ویژگی‌های CSS مرتبط margin-inline ویژگی‌ها با margin-topmargin-bottom،margin-bottommargin-left ویژگی‌های CSS مرتبط ، margin-right ویژگی‌ها بسیار مشابه هستند، اما ویژگی‌های CSS مرتبط margin-inline margin-block

ویژگی وابسته به جهت بلوک و جهت درون‌محوری است.توجه داشته باشید که: writing-mode ویژگی‌های CSS مرتبط direction تعریف می‌کند جهت درون‌محوری. این بر روی موقعیت شروع و پایان عنصر و margin-inline-start نتیجه ویژگی. برای صفحات انگلیسی، جهت بلوک به سمت پایین است و جهت درون‌محوری از چپ به راست است.

مثال

مثال 1

تنظیم مارژین شروع درون‌محوری:

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

آزمایش کنید

مثال 2

وقتی ویژگی <div> عنصر writing-mode وقتی مقدار ویژگی 'vertical-rl' تنظیم شود، جهت درون‌محوری به سمت پایین خواهد بود. نتیجه این است که نقطه شروع عنصر از سمت چپ به بالا حرکت می‌کند:

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

آزمایش کنید

مثال 3

وقتی ویژگی <div> عنصر direction وقتی مقدار ویژگی 'rtl' تنظیم شود، جهت درون‌محوری از راست به چپ خواهد بود. نتیجه این است که نقطه شروع عنصر هنوز از سمت چپ به سمت راست است، اما به دلیل جهت از راست به چپ، تاثیر واقعی قرارگیری مارژین متفاوت خواهد بود:

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

آزمایش کنید

نوع CSS

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

مقدار ویژگی

جزئیات فنی

پشتیبانی مرورگر

تبصره می‌زند که نسخه اولیه مرورگرهای مختلف از این ویژگی پشتیبانی می‌کنند.

متعلقہ صفحات

مراجع:CSS دیکشن پرپرٹی

مراجع:CSS margin-inline-end属性

مراجع:CSS پروپری-مارگین-بوتوم

مراجع:CSS margin-inline属性

مراجع:CSS margin-left属性

مراجع:CSS margin-right属性

مراجع:CSS margin-top属性

مراجع:CSS writing-mode کیمپٹنسی