စီစဥ်တိဂုံး အပြန်အလှန် အောက်ဘက်

  • အရှေ့ပိုင်း စာမျက်နှာ inset-inline
  • နောက်ပိုင်း စာမျက်နှာ inset-inline-start

定义和用法

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

注意:要使此属性生效,必须指定 position 属性。

CSS 的 inset-inlineinset-block 属性与 CSS 的 topbottomleftright 属性非常相似,但 inset-blockinset-inline 属性依赖于块方向和行方向。

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

实例

例子 1

设置已定位

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

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

亲自试一试

例子 2

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

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

亲自试一试

例子 3

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

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

亲自试一试

CSS 语法

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

属性值

描述
auto 默认值。元素的默认内嵌距离。
length 以 px、pt、cm 等单位指定距离。允许负值。参阅:CSS ဗီဇ.
% 指定相对于父元素在对应轴上大小的百分比距离。
initial 将此属性设置为其默认值。参阅 initial.
inherit 从其父元素继承此属性。参阅 inherit.

နည်းပါးစံ

မူကြမ်း ပုံစံ: auto
တိုက်ရိုက်လုပ်ကြမ်း: မမရ
အယူအဆ ပြုလုပ်: ထောက်ပံ့အယူအဆ နှင့် အချက်အလက်.
ပုံစံ: ဆိပ်ဖြူ3
ဂျေဟိုဂျစ် ဘာသာစကား: object.style.insetInlineEnd="30%"

ဘာသာစကား ထောက်ပံ့

အော်ဂန်တာများကို ထောက်ပံ့သော ပထမ ပုံစံ ကို အချက်အလက်များ ပြထားသည်。

ခလီ အင်ဂျက် ဖော့စ် ဆိပ်ဖြူ အိုပ်ရာ
87.0 87.0 63.0 14.1 73.0

ကိုးကား စာမျက်နှာ

ပညာရှင်:CSS စက်တန်း

ကိုးကားချက်:စက်ပွဲလိုင်း position အရေးပါချက်

ကိုးကားချက်:စက်တင်းစက္ခန်း စီးဆင်း

ကိုးကားချက်:CSS အကျယ် အချိန်

  • အရှေ့ပိုင်း စာမျက်နှာ inset-inline
  • နောက်ပိုင်း စာမျက်နှာ inset-inline-start