ویژگی CSS inline-size

تعریف و استفاده

inline-size ویژگی‌ها اندازه‌گیری عنصر در جهت خطی را مشخص می‌کنند.

توجه:ویژگی‌های CSS مرتبط writing-mode جهت خطی را تعریف می‌کند، که تأثیر می‌گذارد inline-size نتایج.

ویژگی‌های CSS inline-size و block-size ویژگی‌ها با ویژگی‌های CSS width و height ویژگی‌ها بسیار مشابه هستند، اما inline-size و block-size ویژگی‌ها وابسته به جهت خطی و بلوک هستند.

مثال

مثال 1

اندازه‌گیری عنصر

div {
  inline-size: 200px;
}

آزمایش کنید خودتان

مثال 2

برای عنصر writing-mode ویژگی ویژگی‌های وقتی که inline-size روش کار ویژگی:

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

آزمایش کنید خودتان

نوع جمله CSS

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

مقدار ویژگی

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.

صفحات مرتبط

تدریس CSS:ارتفاع و عرض CSS

تدریس CSS:مدل جعبه CSS

CSS مرجع:ویژگی height

CSS مرجع:ویژگی width

CSS مرجع:ویژگی writing-mode