CSS 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 属性值设置为 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 等。

允许使用负值。请参阅：سی ای ایس یونٹ.
% 指定相对于父元素在对应轴上的大小的百分比。
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 مرجع:height درجہ

CSS مرجع:width درجہ

CSS مرجع:writing-mode کیمپٹی