خصائص inline-size CSS

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

inline-size الخاصية تحدد حجم العنصر في الاتجاه الداخلي.

ملاحظة:خصائص CSS ذات الصلة writing-mode يحدد الاتجاه الداخلي، مما يؤثر على inline-size للصفحات باللغة الإنجليزية، الاتجاه الداخلي من اليسار إلى اليمين، والاتجاه العمودي نحو الأسفل.

خصائص CSS inline-size وشبه block-size خصائص CSS width وشبه height خصائص الارتفاع والعرض inline-size وشبه block-size الخاصية تعتمد على الاتجاه الداخلي والاتجاه العمودي.

مثال

مثال 1

ضبط حجم عنصر <div> في الاتجاه الداخلي:

div {
  inline-size: 200px;
}

جرب بنفسك

مثال 2

عندما يكون writing-mode قيمة الخاصية يتم ضبطها إلى vertical-rl عندما يكون inline-size طريقة عمل الخاصية:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

جرب بنفسك

جملة CSS

inline-size: auto|length|initial|inherit;

قيمة الخاصية

القيمة الوصف
auto القيمة الافتراضية. القيمة الافتراضية للinline-size للعنصر.
length

يحدد حجم الاتجاه الداخلي، باستخدام وحدات مثل px،pt،cm وما إلى ذلك.

يُسمح باستخدام القيم السلبية. انظر:وحدات CSS.
% يحدد نسبة الحجم في المحور المطلق للعنصر الأم.
initial ضبط الخاصية إلى قيمتها الافتراضية. انظر initial.
inherit يرث هذا الخاصية من عنصر الأب. انظر inherit.

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

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

دعم المتصفح

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

كروم إدج فايرفوكس سفاري أوبرا
57.0 79.0 41.0 12.1 44.0

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

دروس CSS:الارتفاع والعرض في CSS

دروس CSS:نموذج الحجرة في CSS

CSS مرجع:خصائص الارتفاع

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

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