Mfano wa CSS inset-block-start

定义和用法

inset-block-start 属性设置元素在块方向上的起始端与父元素之间的距离。

注意：要使此属性生效，必须指定 position 属性。

CSS 的 inset-inline 和 inset-block 属性与 CSS 的 top、bottom、left 和 right 属性非常相似，但 inset-block 和 inset-inline 属性依赖于块方向和行方向。

注意：相关的 CSS 属性 writing-mode 定义了块方向。这会影响块的起始和结束位置，以及 inset-block-start 属性的结果。对于英文页面，块方向是向下，行方向是从左到右。

设置已定位

元素在块方向上的起始端与父元素之间的距离：

div {
  inset-block-start: 50px;
}

当

元素的 writing-mode 属性值设置为 vertical-rl 时，块方向是从右到左。结果是元素的起始端从顶部移动到右侧：

div {
  inset-block-start: 50px;
  writing-mode: vertical-rl;
}

inset-block-start: auto|length|initial|inherit;

值	描述
auto	默认值。使用元素的默认 inset 距离。
length	使用固定单位（如 px、pt、cm 等）指定距离。允许负值。 Tazama:Mafaa ya Unit ya CSS.
%	Kutumia namba kuzingatia kile cha ugendelea, kina ujenzi wa elementi kina ujenzi wa kina elementi kina ujenzi wa kina elementi kina ujenzi wa kina elementi.
initial	Inasababisha uwanja huu kuwa chaguo cha kuzingatia kwa kina elementi. Tazama: initial.
inherit	Inaingia kwa uwanja wa kufikia kwa sababu ya kina elementi yake. Tazama: inherit.

Chaguo cha kuzingatia:	auto
Umuhimu:	Hakuna
Hali ya huzuni:	Inasimama. Tazama:Mafanikio ya hali ya huzuni.
Juzi la:	CSS3
Inayofanywa na kiingilio cha JavaScript:	object.style.insetBlockStart="100px"