CSS border-inline-start-color هائس

الصفحة السابقة border-inline-start
Next page border-inline-start-style

Tabbatar da kuma amfani

border-inline-start-color yawa a kuma siffa kwaya kara zama sabon kwaya wuro a kudancin gaba daya na kwaya a cikin rufe.

ملاحظة:Lallai ka border-inline-start-color Yawa a hau gaba, kana girmama border-inline-start-style yawa.

CSS border-inline-start-color yawa da kabari-wuro-kudu،kabari-wuro-left،kabari-wuro-right و 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 color value.
شفاف	يجب أن يكون لون الحدود شفافًا.
initial	اجعل هذا الخصائص قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit	يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى inherit.

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

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