خصائص الهوامش الداخلية النهائية لـ CSS

التعريف والاستخدام

margin-inline-end تحدد الهوامش الخارجية للنهاية الداخلية للاتجاه الداخلي.

خصائص CSS margin-inline و margin-block خصائص مع margin-top،margin-bottom،margin-left و margin-right مثل margin-inline و margin-block يعتمد هذا الخصائص على الاتجاه الظاهري والاتجاه الداخلي.

ملاحظة:خصائص CSS ذات الصلة مثال 2 و اتجاه يحدد الاتجاه الداخلي. هذا يؤثر على موقع البداية والنهاية للعنصر، وكذلك margin-inline-end للصفحات باللغة الإنجليزية، الاتجاه هو من الأسفل إلى الأعلى، والاتجاه الداخلي من اليسار إلى اليمين.

النتيجة

مثال

مثال 1

div {
  تعيين الهوامش الخارجية للاتجاه الداخلي
}

جرب بنفسك

margin-inline-end: 35px;

عندما يكون مثال 2 اتجاه الكتابة

div {
  margin-inline-end: 50px;
  عندما يتم تعيين قيمة الخاصية 'vertical-rl'، يصبح الاتجاه الداخلي من الأسفل إلى الأعلى. النتيجة هي أن نهاية العنصر تتحرك من اليمين إلى الأسفل:
}

جرب بنفسك

مثال 3

عندما يكون اتجاه عندما يتم تعيين قيمة الخاصية 'rtl'، يصبح الاتجاه الداخلي من اليمين إلى اليسار. النتيجة هي أن نهاية العنصر تتحرك من اليمين إلى اليسار:

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

جرب بنفسك

جملة CSS

margin-inline-end: auto|طول|مبدئي|وراثي;

قيمة الخاصية

القيمة الوصف
أوتوماتيكي القيمة الافتراضية. القيمة الافتراضية لmargin-inline-end للعنصر.
طول

تحديد margin-inline-end بأحجام مثل px،pt،cm وما إلى ذلك. يسمح بالقيم السلبية.

يرجى الرجوع إلى:وحدات CSS.
% تحديد margin-inline-end بنسبة من حجم العنصر الأم على طول الطريق الداخلي.
مبدئي ضع هذا الخصائص في قيمته الافتراضية. انظر مبدئي.
وراثي يرجى الرجوع إلى. يرث هذا الخصائص من عنصر الأب. انظر وراثي.

تفاصيل التقنية

القيمة الافتراضية: أوتوماتيكي
التنسيق الوراثي: لا
صنع التحرك: يدعم. انظر:خصائص التحرك.
الإصدار: CSS3
جافا سكربت الجملة: object.style.marginInlineEnd="50px"

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية بكاملها.

كروم إدج فايرفوكس سفاري أوبرا
87.0 87.0 41.0 12.1 73.0

الصفحات ذات الصلة

المرجع:خصائص direction لـ CSS

المرجع:خصائص الهوامش الداخلية البدائية لـ CSS

المرجع:خصائص margin-bottom CSS

المرجع:خصائص الهوامش الداخلية لـ CSS

المرجع:خصائص الهوامش اليسرى لـ CSS

المرجع:خصائص الهوامش اليمنى لـ CSS

المرجع:خصائص الهوامش العلوية لـ CSS

المرجع:خصائص writing-mode CSS