خصائص لون الحدود-الخطي CSS

définir-et-usage

border-inline-color la-propriété-de-configurer-les-couleurs-de-la-bordure-d'un-element-dans-l'orientation-inline.

ملاحظة:pour-faire border-inline-color la-propriété-est-effetif, il-faut-que border-inline-style.

border-inline-color la-valeur-de-la-propriété-peut-etre-configurée-differentes-voies:

si border-inline-color la-propriété-avoir-deux-valeurs:

border-inline-color: rose bleu;

• la-couleur-de-la-bordure-au-début-de-l'inline-est-rose
• la-couleur-de-la-bordure-a-la-fin-de-l'inline-est-bleue

si border-inline-color la-valeur-de-la-propriété-est

border-inline-color: blue;

• les-couleurs-de-la-bordure-au-début-et-a-la-fin-de-l'inline-sont-bleues

de-CSS border-inline-color propriété-et color-de-bas-de-la-bordure،color-de-gauche-de-la-bordure،border-right-color و border-top-color الخصائص متشابهة جدًا، لكن border-inline-color الخصائص تعتمد على الاتجاه الداخلي.

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

مثال

مثال 1

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

#example1 {
  border-inline-style: solid;
  border-inline-color: pink;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: pink lightblue;
}

جرب بنفسك

مثال 2: دمج خصائص طريقة الكتابة

تأثير الحدود في بداية و نهاية الاتجاه الداخلي طريقة الكتابة تأثير الخصائص:

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

جرب بنفسك

مثال 3: دمج خصائص الاتجاه

تأثير الحدود في بداية و نهاية الاتجاه الداخلي اتجاه تأثير الخصائص:

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

جرب بنفسك

جملة CSS

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

قيمة الخصائص

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

دعم المستعرض

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

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

دروس:عنصر الحافة CSS

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

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

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

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

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

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

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

المرجع:خصائص direction CSS

المرجع:خصائص text-orientation CSS

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