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

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

border-inline-end الخصائص هي اختصارات للخصائص التالية:

• border-inline-end-width（عرض حواف النهاية الداخلية للخط الداخلي）
• border-inline-end-style（نمط حواف النهاية الداخلية للخط الداخلي）
• border-inline-end-color（لون حواف النهاية الداخلية للخط الداخلي）

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

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

مثال

مثال 1

تعيين عرض، لون ونمط الحافة في نهاية الاتجاه الداخلي:

div {
  border-inline-end: 10px solid pink;
}

جرب بنفسك

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

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

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

جرب بنفسك

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

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

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

جرب بنفسك

قواعد اللغة CSS

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

قيمة الخاصية

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

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

دعم المتصفح

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

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

دليل:حافة CSS

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

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

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

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

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

المرجع:}خصائص border-left-color CSS

المرجع:}خصائص border-right-color CSS

المرجع:}خصائص border-top-color CSS

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

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

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