خصائص border-block-start CSS

الصفحة السابقة عرض الحافة النهائية للكتلة
الصفحة التالية لون الحافة البدائية للكتلة

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

border-block-start الصفات هي اختصار للصفات التالية:

CSS border-block-start خصائص الحدود مع border-bottom،border-left،border-right و border-top خصائص قريبة جدًا، ولكن border-block-start يعتمد الخاصية على الاتجاه العنصري.

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

مثال

مثال 1

إعداد عرض الحدود، لونها ونمطها في بداية الاتجاه العنصر:

div {
  border-block-start: 10px solid pink;
}

جرب بنفسك

مثال 2: دمج خاصية writing-mode

يحدد موقع الحدود في بداية الاتجاه العنصر. writing-mode تأثير الخاصية:

div {
  writing-mode: vertical-rl;
  border-block-start: dotted blue;
}

جرب بنفسك

جملة CSS

border-block-start: border-block-start-width border-block-start-style border-block-start-color|initial|inherit;

قيمة الخاصية

القيمة	الوصف
border-block-start-width	يحدد عرض الحدود في بداية الاتجاه العنصر. القيمة الافتراضية هي medium.
border-block-start-style	يحدد نمط الحدود في بداية الاتجاه العنصر. القيمة الافتراضية هي none.
لون الحافة البدائية للكتلة	يحدد لون الحدود في بداية الاتجاه العنصر. القيمة الافتراضية هي لون الحدود الحالي.
initial	ضبط هذا الخاصية إلى قيمتها الافتراضية. انظر initial.
inherit	ينتقل إلى هذا الخاصية من عنصر الأب. انظر inherit.

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

القيمة الافتراضية:	medium none currentcolor
التوريث:	لا
إنتاج المتحرك:	يدعم. انظر:خصائص المتحرك.
الإصدار:	CSS3
جافا سكربت الجملة:	object.style.borderBlockStart="pink dotted 5px"