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

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

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

border-inline-start-style إعداد نموذج السمة للعناصر في بداية الاتجاه الداخلي.

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

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

مثال

مثال 1

تحديد النمط للحافة في بداية الاتجاه الداخلي:

div {
  border-inline-start-style: dotted;
}

تجربة بنفسك

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

حافة البداية للاتجاه الداخلي تتأثر writing-mode تأثير الخاصية:

div {
  writing-mode: vertical-rl;
  border-inline-start-style: dotted;
}

تجربة بنفسك

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

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

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

تجربة بنفسك

syntax CSS

border-inline-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

قيمة الخاصية

القيمة	الوصف
لا شيء	القيمة الافتراضية. تحديد لا حافة.
hidden	مثل none، لكنه يختلف في تحليل النزاع في الحواف في عناصر الجدول.
dotted	تحديد حافة نقاط.
dashed	تحديد حافة شرجية.
solid	تحديد حافة مستقيمة.
double	تحديد حافة ثنائية.
groove	تحديد حافة 3D مفتوحة. الآثر يعتمد علي قيمة border-color.
rigde	تحديد حافة متجولة 3D. الآثر يعتمد علي قيمة border-color.
inset	تحديد حافة 3D مدمجة. الآثر يعتمد علي قيمة border-color.
outset	تحديد حافة متجولة 3D. الآثر يعتمد علي قيمة border-color.
القيمة الافتراضية	أعاد هذا الخصائص إلي قيمته الافتراضية. انظر القيمة الافتراضية.
التوريث	ينتقل هذا الخصائص من عنصر الأب إليه. انظر التوريث.

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

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