خصائص margin-block-end CSS

توصية الدورة

يحدد اتجاه الكتل. هذا يؤثر على موقع البداية والنهاية للكتل وكذلك التعريف والاستخدام

يحدد الخاصية الهوامش عند نهاية اتجاه الكتل. margin-block مثل و CSS خصائص مع CSSmargin-bottommargin-topmargin-bottom، مثل margin-left margin-right margin-block مثل و margin-inline

يعتمد الخاصية على اتجاه الكتل واتجاه السطر.ملاحظة: عندما يكون <div> العنصر خصائص CSS ذات الصلة يحدد اتجاه الكتل. هذا يؤثر على موقع البداية والنهاية للكتل وكذلك margin-block-end

نتيجة الخاصية. بالنسبة للصفحات باللغة الإنجليزية، يكون اتجاه الكتل نازلا، واتجاه السطر من اليسار إلى اليمين.

مثال

مثال 1

تعيين الهوامش عند نهاية اتجاه الكتل:
  div
}

تجربة شخصية

margin-block-end: 35px;

مثال 2 عندما يكون <div> العنصر writing-mode

عندما يتم تعيين قيمة الخاصية writing-mode إلى vertical-rl، فإن اتجاه الكتل هو من اليمين إلى اليسار. النتيجة هي أن موقع نهاية العنصر يتحرك من الأسفل إلى اليسار. لذلك، تغيير writing-mode سيزيد أيضًا من تأثير margin-block-end:
  #parentDiv
}
writing-mode: vertical-rl;
  margin-block-end: 50px;
}

تجربة شخصية

جافا سكربت CSS

margin-block-end: تلقائي|طول|مبدئي|تنقل;

قيمة الخاصية

القيمة الوصف
تلقائي القيمة الافتراضية. الهوامش الخارجية الافتراضية للعنصر.
طول

تحديد المسافة، وحدة القياس هي px،pt،cm وما إلى ذلك. يسمح بالقيم السلبية.

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

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

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

دعم المتصفح

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

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

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

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

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

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

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

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

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

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

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