خصائص لون الحدود العمودية النهائية CSS

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

border-block-end-color خصائص تستخدم لتحديد لون الحدود في نهاية اتجاه الكتلة للعنصر.

ملاحظة:لجعل border-block-end-color لم يكن الخاصية قيد التطبيق، يجب إعداد border-block-end-style خصائص.

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

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

مثال

مثال 1

لإعداد لون الحدود في نهاية اتجاه الكتلة:

div {
  border-block-end-style: solid;
  border-block-end-color: pink;
}

جرب بنفسك

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

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

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-color: 5px;
}

جرب بنفسك

الصيغة CSS

border-block-end-color: color|شفاف|افتراضي|تنسيق الوراثة;

قيمة الخاصية

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

دعم المتصفح

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

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

دليل:الجوانب CSS

مرجع:خصائص الحدود CSS

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

مرجع:خصائص لون الحدود العمودية CSS

مرجع:خصائص لون الحدود العمودية البداية CSS

مرجع:خصائص نمط الحدود العمودية النهائية CSS

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

مرجع:خصائص لون الحدود اليسرى

مرجع:خصائص لون الحدود اليمنى

مرجع:خصائص لون الحدود العلوية

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