خصائص لون الحدود-block CSS

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

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

border-block-color إعداد خاصية الألوان الحدودية للعنصر في اتجاه الصف.

ملاحظة:لجعل border-block-color للمفعال، يجب إعداد border-block-style.

border-block-color يمكن تعيين قيمة الخاصية بطرق مختلفة:

إذا border-block-color الخصائص لديها قيمتان:

border-block-color: أزرق فاتح;

لون الحدود عند البداية هو أزرق
لون الحدود عند النهاية هو أزرق فاتح

إذا border-block-color لديها قيمة واحدة:

border-block-color: أزرق فاتح;

لون الحدود عند البداية والنهاية للبلك هو أزرق

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

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

مثال

مثال 1

ضبط لون الحدود في اتجاه البلك:

#example1 {
  border-block-style: solid;
  border-block-color: أزرق فاتح;
}
#example2 {
  border-block-style: solid;
  border-block-color: أزرق فاتح;
}

جرب بنفسك

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

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

div {
  writing-mode: vertical-rl;
  border-block-color: أزرق;
}

جرب بنفسك

لغة CSS

border-block-color: لون|شفاف|initial|inherit;

قيمة الخاصية

القيمة	الوصف
لون	تحديد لون الحدود. انظر إلى قيم الألوان في CSS للحصول على قائمة كاملة بالألوان.
شفاف	تحديد لون الحدود يجب أن يكون شفافًا.
initial	ضعه على قيمة افتراضية لهذا الخصائص. انظر إلى: initial.
inherit	يرث هذا الخصائص من عنصر الأب. انظر إلى: inherit.

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

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