Hisia CSS inset-inline-end

定义和用法

inset-inline-end 属性设置元素在行方向的末端与其父元素之间的距离。

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

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

注意：相关的 CSS 属性 writing-mode 和 direction 定义了行方向。这会影响元素在行方向上的末端位置以及 inset-inline-end 属性的结果。对于英文页面，行方向是从左到右，块方向是向下。

设置已定位

元素在行方向上的末端与父元素之间的距离：

div {
  inset-inline-end: 50px;
}

当

元素的 writing-mode 属性值设置为 vertical-rl 时，行方向是向下。结果是元素的末端从右侧移动到底部：

div {
  inset-inline-end: 50px;
  writing-mode: vertical-rl;
}

当

元素的 direction 属性值设置为 rtl 时，行方向是从右到左。结果是元素的末端从右侧移动到左侧：

div {
  inset-inline-end: 50px;
  direction: rtl;
}

inset-inline-end: auto|length|initial|inherit;

Thamani	Maelezo
auto	Wakati wa kwanza. Jumla ya watu ya kina elementi kwa kina elementi.
length	Kumtaarifu kiasi cha watu kwa viwango vingine kama px, pt, cm na vita. Inafaa kwa thamani. Angalia:Mafunzo ya Unit ya Kifungu.
%	Kumtaarifu kiasi cha watu kwa ujumbe wa kina elementi kwa ukweli wa kina wa kina elementi.
initial	Kuwasilisha hii chanzia kwa mafanikio yake ya kwanza. Angalia initial.
inherit	Kumtaarifu kufikiria mafanikio kwa sababu ya kina elementi yake ya kina. Angalia inherit.

Wakati wa kwanza:	auto
Uwepo wa mafanikio:	Hakuna
Kuwa na mafanikio:	Inayosaidia. Angalia:Mafanikio ya hali ya uharibifu.
Tendai:	CSS3
Inayotoka Ki- JavaScript:	object.style.insetInlineEnd="30%"