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

الصفحة السابقة حافة الداخلية
الصفحة التالية style الحافة الداخلية

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

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

ملاحظة:لجعل border-inline-end-color لمجرد أن تعمل الخاصية، يجب إعدادها style الحافة الداخلية خصائص.

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

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

مثال

مثال 1

لإعداد لون الحدود للاتجاه الداخلي النهائي:

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

جرب بنفسك

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

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

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

جرب بنفسك

مثال 3: دمج خاصية direction

يحدد موقع نهاية الحدود الداخلية للاتجاه الداخلي. direction تأثير الخاصية:

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

جرب بنفسك

نحوية CSS

border-inline-end-color: اللون|شفاف|القيمة الافتراضية|تنحيب;

قيمة الخاصية

القيمة	الوصف
اللون	يجب تحديد لون الحدود. القيمة الافتراضية هي اللون الحالي للعنصر. انظر:قيم الألوان CSS.
شفاف	يجب أن يكون لون الحدود شفافًا.
القيمة الافتراضية	أعطِ هذا الخصائص قيمته الافتراضية. انظر: القيمة الافتراضية.
تنحيب	يرجى الرجوع لمعرفة كيفية تنحيب هذا الخصائص من عنصر الآباء. انظر: تنحيب.

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

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