Mwongozo wa CSS inline-size

定义和用法

inline-size 属性指定元素在行内方向上的大小。

注意：相关的 CSS 属性 writing-mode 定义了行内方向，这会影响 inline-size 属性的结果。对于英文页面，行内方向是从左到右，而块方向是向下。

CSS 的 inline-size 和 block-size 属性与 CSS 的 width 和 height 属性非常相似，但 inline-size 和 block-size 属性依赖于行内和块方向。

设置

元素在行内方向上的大小：

div {
  inline-size: 200px;
}

当

元素的 writing-mode 属性值设置为 vertical-rl 时，行内方向从水平变为垂直向下，这会影响 inline-size Hali ya kazi ya mafuta:

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

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

Wadada	Maelezo
auto	Mwili: Mwili wa kina kuu wa kina kuu kwa kina kuu hivi karibuni.
length	Inasajili uwezo wa kufikia kina kuu kwenye mabara wa jina kwa kina kuu hivi karibuni, kama px, pt, cm na vitu vingine. Inaruhusiwa kufungua mafanikio ya kina kuu. Angalia:Matumizi ya Kifungu cha Kifungu cha Kifungu.
%	Inasajili uwezo wa kufikia nafasi ya kina kuu kwenye mabara kwa kina kuu hivi karibuni.
initial	Inasajili hiyo mafuta kwa mwili wake. Angalia: initial.
inherit	Inasukuma kwa hiyo mafuta kutoka kwa kina kuu chake. Angalia: inherit.

Mwili:	auto
Uangalifu:	Hapana
Hali ya huzuni:	Inasimamia. Angalia:Mafuta ya hali ya huzuni.
Mafanikio:	CSS3
Inayohusiana na JavaScript:	object.style.inlineSize="250px"