خصائص الحدود الداخلية للCSS

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

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

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

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

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

مثال

مثال 1

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

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

جرب بنفسك

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

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

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

جرب بنفسك

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

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

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

جرب بنفسك

جملة CSS

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

قيمة الخاصية

القيمة	الوصف
border-inline-start-width	يحدد عرض الهوامش في بداية الاتجاه الداخلي للعنصر. القيمة الافتراضية هي medium.
border-inline-start-style	يحدد نمط الهوامش في بداية الاتجاه الداخلي للعنصر. القيمة الافتراضية هي none.
لون البداية للخط الافقي للحافة	يحدد لون الهوامش في بداية الاتجاه الداخلي للعنصر. القيمة الافتراضية هي لون الهوامش الحالي.
initial	أعد هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit	ينقل هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit.

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

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