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

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

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

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

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

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

مثال

مثال 1

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

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

جرب بنفسك

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

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

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

جرب بنفسك

نص CSS

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

قيمة الخصائص

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

دعم المتصفح

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

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

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

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

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

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

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

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

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

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

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

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

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