CSS مارچ اینلاین ایند پراپری

پچھلے صفحہ margin-inline
آئندہ صفحہ margin-inline-start

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

margin-inline-end ویژگی‌ها حاشیه انتهای جهت خطی را مشخص می‌کنند.

ویژگی‌های CSS margin-inline و margin-block ویژگی‌ها با margin-top،margin-bottom،margin-left و margin-right به طور مشابه است، اما margin-inline و margin-block ویژگی‌ها بستگی به جهت بلوک و جهت خطی دارند.

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

مثال

مثال 1

مقدار حاشیه انتهای جهت خطی را تنظیم کنید:

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

مثال 3

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

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

آزمایش کنید

نویسه‌شناسی CSS

margin-inline-end: auto|طول|مقدار پیش‌فرض|ابستگی;

مقدار ویژگی

مقدار	توضیح
자و	مقدار پیش‌فرض. مقدار پیش‌فرض margin-inline-end عناصر.
طول	با استفاده از واحد‌های px، pt، cm و غیره margin-inline-end را مشخص کنید. مقادیر منفی مجاز هستند. لطفاً به:سی ایس ایس یونٹ.
%	با استفاده از درصد از اندازه عنصر والد، margin-inline-end را در جهت خطی مشخص کنید.
مقدار پیش‌فرض	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: مقدار پیش‌فرض.
ابستگی	از عنصر والد خود این ویژگی را ارث می‌برد. ببینید: ابستگی.

جزئیات فنی

مقدار پیش‌فرض:	자و
ابستگی:	خیر
انیمیشن‌سازی:	پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
نویسه‌شناسی جاوااسکریپت:	object.style.marginInlineEnd="50px"