خصائص عرض الحدود الداخلية في النهاية من الأسفل اليسرى CSS

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

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

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

ملاحظة:لجعل border-inline-end-width للمفعول، يجب إعداد border-inline-end-style خصائص.

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

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

مثال

مثال 1

إعداد سمك الحدود عند نهاية الاتجاه الداخلي:

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

تجربة شخصية

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

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

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

تجربة شخصية

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

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

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

تجربة شخصية

جملة CSS

border-inline-end-width: medium|thin|thick|length|initial|inherit;

قيمة الخاصية

القيمة	الوصف
medium	تحديد الحدود الوسطى. القيمة الافتراضية.
thin	تحديد الحدود الصغيرة.
thick	تحديد الحدود الكبيرة.
length	يسمح لك بتحديد سمك الحدود. يرجى الرجوع إلى:وحدات CSS.
initial	ضع هذه الخاصية في قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit	يرجى الرجوع إلى كيفية توريث هذه الخاصية من عنصر الأب. يرجى الرجوع إلى inherit.

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

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