خصائص margin-block-start CSS

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

margin-block-start تحدد الخاصية المسافة الخارجية البدء عند اتجاه الكتلة.

خصائص CSS margin-block و margin-inline خصائص CSS margin-top،margin-bottom،margin-left و margin-right مثل الخاصية، لكن margin-block و margin-inline يعتمد الخاصية على اتجاه الكتلة واتجاه الصف.

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

مثال

مثال 1

تحديد边际 الخارجي البدء عند اتجاه الكتلة:

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

جرب بنفسك

مثال 2

عندما يكون عنصر <div> writing-mode عندما يتم تعيين قيمة الخاصية إلى vertical-rl، يكون اتجاه الكتلة من اليمين إلى اليسار. النتيجة هي تحرك موقع البداية للعنصر من الجانب العلوي إلى اليمين. لذلك، فإن تغيير writing-mode أيضًا يؤثر على margin-block-start النتيجة:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-start: 50px;
}

جرب بنفسك

نحوية CSS

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

قيمة الخاصية

القيمة الوصف
auto القيمة الافتراضية. المسافة الافتراضية لل边际 الخارجي للعنصر.
length تحديد المسافة، وحدة القياس px، pt، cm وما إلى ذلك. يسمح بالقيم السلبية. انظر:وحدات CSS.
% تحديد المسافة بنسبة إلى حجم عنصر الأب في اتجاه الصف.
initial ضعه على قيمة افتراضية لهذا الخاصية. انظر: initial.
inherit يرث هذا الخاصية من عنصر الأب. انظر: inherit.

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

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

دعم المتصفح

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

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

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

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

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

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

المرجع:خصائص الحاشية العرضية في CSS

المرجع:خصائص الحاشية اليسرى في CSS

المرجع:خصائص الحاشية اليمنى في CSS

المرجع:خصائص الحاشية العلوية في CSS

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