CSS حاشية-الخط-نوع الميزة

الصفحة السابقة عرض عرض نطاق الحافة الداخلية الايسر
الصفحة التالية عرض عرض نطاق الحافة الداخلية

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

border-inline-style يحدد الخاصية نمط الحدود للعنصر في اتجاه السطر.

border-inline-style يمكن تعيين قيمة الخاصية بطرق مختلفة:

إذا كانت border-inline-style للخصائص قيمتان:

div {

نمط الخطوط البدائية للداخل تكون خطًا مستقيمًا (solid)
نمط الخطوط النهائية للداخل تكون نقطية (dotted)

إذا كانت border-inline-style للخصائص قيمة واحدة:

writing-mode

للمسافات البدائية والنهاية للخطوط الداخلية تكون نقطية (dotted)

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

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

实例

مثال

النموذج

مثال 1
  تحديد نمط الحواف في الاتجاه الداخلي:
direction: rtl;
#example1 {
  border-inline-style: solid;
direction: rtl;

border-inline-style: solid dotted;

#example2 {

border-inline-style: dotted; border-inline-style: dashed dotted; وضع الحواف عند بداية ونهاية الاتجاه الداخلي يعتمد على

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

border-inline-style: solid dotted;

writing-mode: vertical-rl;

border-inline-style: dotted; مثال 3: دمج خاصية direction وضع الحواف عند بداية ونهاية الاتجاه الداخلي يعتمد على

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

border-inline-style: solid dotted;

}

تجربة شخصياً

نحو CSS

border-inline-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	قيمة الخاصية
لا شيء	القيمة
الوصف	القيمة الافتراضية. تحديد حافة بدون حواف.
مخفي	مثل none، ولكن يختلف في حل النزاعات في الجداول الحدودية.
مكسورة	تحديد حافة مكسورة.
صلبة	تحديد حافة صلبة.
مزدوجة	تحديد حافة مزدوجة.
مظلمة	تحديد حافة مظلمة ثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
مائلة	تحديد حافة مائلة ثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
منحنية	تحديد حافة منحنية ثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
منتصبة	تحديد حافة منتصبة ثلاثية الأبعاد. الآثار تعتمد على قيمة border-color.
القيمة الافتراضية	يُضبط هذا الخصائص إلى قيمته الافتراضية. انظر: القيمة الافتراضية.
تنسيق	يرجى الرجوع إلى: يُنقل هذا الخصائص من عنصر الأب. تنسيق.

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

القيمة الافتراضية:	لا شيء
التنسيق:	لا
صنع التحرك:	غير مدعوم. انظر:خصائص متعلقة بالتحرك.
الإصدار:	CSS3
جافا سكربت نحو:	object.style.borderInlineStyle="dotted"