خصائص border-inline-start-color CSS

الصفحة السابقة border-inline-start
الصفحة التالية border-inline-start-style

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

border-inline-start-color خصائص-اللون-للحد-للعنصر-في-بداية-اتجاه-السطر

ملاحظة:لجعل border-inline-start-color خصائص-المفعول-المطلوب-تقديم border-inline-start-style خصائص

CSS border-inline-start-color خصائص-و اللون-الأساسي-للحد-السفلي،اللون-الأساسي-للحد-اليسار،اللون-الأساسي-للحد-اليمين و border-top-color الخصائص متشابهة جدًا، لكن border-inline-start-color يعتمد هذا الخاصية على الاتجاه الداخلي.

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

مثال

مثال 1

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

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

تجربة شخصية

مثال 2

استخدام خاصية writing-mode

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

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

تجربة شخصية

مثال 3

استخدام خاصية direction

موقع بدء وإنتهاء الحدود في الاتجاه الداخلي يعتمد على direction تأثير الخاصية:

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

تجربة شخصية

جافا سكربت CSS

border-inline-start-color: color|شفاف|initial|inherit;

قيمة الخاصية

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

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

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