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

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

و تحديد نمط حافة العنصر عند نهاية الاتجاه الداخلي.

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

ملاحظة:الخصائص ذات الصلة مثال 2: دمج الخاصية writing-mode،text-orientation ، مثال 3: دمج الخاصية direction خصائص CSS ذات الصلة و يحدد الاتجاه الداخلي. هذا يؤثر على بداية ونهاية السطر، وكذلك

border-inline-end-style

نتيجة الخاصية. للصفحات باللغة الإنجليزية، الاتجاه الداخلي من اليسار إلى اليمين، الاتجاه الخارجي من الأسفل إلى الأعلى.

مثال

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

مثال 1

لإعداد النمط للحافة النهائية للاتجاه الداخلي: مثال 2: دمج الخاصية writing-mode الموقع البداية والنهاية للاتجاه الداخلي للحافة يتأثر

direction
  الموقع النهاية للحافة الداخلية يتأثر
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; مثال 3: دمج الخاصية direction الموقع البداية والنهاية للاتجاه الداخلي للحافة يتأثر

direction
  تأثير الخاصية:
  div {
direction: rtl;

border-inline-end-style: dotted;

}

جرب بنفسك

جافا سكربت:

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

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية لأول مرة.

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

دليل:حافة CSS

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

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

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

مرجع:خصائص border-inline-start-style CSS

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

مرجع:خصائص border-left-style CSS

مرجع:خصائص border-right-style CSS

مرجع:خصائص border-top-style CSS

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

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

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