Hausa: CSS border-block-end attibutu

الصفحة السابقة border-block-color
الصفحة التالية border-block-end-color

التوصية بالدورات

border-block-end تعريف الاستخدام

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

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

مثال

مثال 1

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

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

تجربة شخصية

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

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

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

تجربة شخصية

قواعد اللغة CSS

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

قيمة الخاصية

القيمة	الوصف
border-block-end-width	تحديد عرض الحدود في نهاية اتجاه الكتلة. القيمة الافتراضية هي "medium".
border-block-end-style	تحديد نمط الحدود في نهاية اتجاه الكتلة. القيمة الافتراضية هي "لا يوجد".
border-block-end-color	تحديد لون الحدود في نهاية اتجاه الكتلة. القيمة الافتراضية هي لون الحدود الحالي.
initial	اعتماد هذا الخاصية إلى القيمة الافتراضية. راجع initial.
inherit	ينتقل إلى هذا الخاصية من عنصر الوالدين. راجع inherit.

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

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