CSS border-block-end-color ƙarancin

الصفحة السابقة border-block-end
Ƙashe na baya border-block-end-style

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

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: لون|شفاف|القيمة الافتراضية|تناسخ;

قيمة الخاصية

القيمة	وصف
لون	اضبط لون الحافة. القيمة الافتراضية هي لون العنصر الحالي. راجع:Kwararrabawa Color Values in CSS.
شفاف	اضبط لون الحافة إلى شفاف.
القيمة الافتراضية	اضبط هذا الخاصية إلى قيمتها الافتراضية. راجع. القيمة الافتراضية.
تناسخ	يرجى الرجوع إلى. تناسخ.

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

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