စက်တင်ပြတင်းအစီအစဉ်အတွက် inset-block-end အကိုးအကာ

定义和用法

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

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

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

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

实例

例子 1

设置已定位

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

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

ကိုယ်တိုင် ကြိုးစားပါ

例子 2

当

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

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

ကိုယ်တိုင် ကြိုးစားပါ

ဆိုဖ်စ် အက္ခရာ

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

အက္ခရာ အစိတ်အပိုင်း

ပုံစံ ဖော်ပြ
auto မူကြမ်း အရ:
length px, pt, cm စသည်တို့ ဖြင့် အကွာအဝေး ကို အသုံးပြုထားသည်။ ဝေးသော အရာများ အစိတ်အပိုင်း ကို ပြန်လည်အစိတ်အပိုင်းကြောင်းCSS ပြောင်းလဲ ဗဟိုဒေါင်း.
% ဖြစ်ပေါ်နေသော အက္ခရာ အစိတ်အပိုင်း ကို ဖြစ်ပေါ်နေသော အက္ခရာ အစိတ်အပိုင်း အပေါ် ပေါ်လွင်းသော အစိတ်အပိုင်း အရ နောက်ဆုံး အစိတ်အပိုင်း ကို အသုံးပြုထားသည်。
initial အက္ခရာ အစိတ်အပိုင်း ကို မူကြမ်း အရ အစိတ်အပိုင်း အစိတ်အပိုင်း သို့ ပြန်လည်သုံးပြုထားသည်。 initial.
inherit ဖြစ်ပေါ်နေသော အက္ခရာ အစိတ်အပိုင်းကို ဖြစ်ပေါ်နေသော အက္ခရာ အစိတ်အပိုင်းမှ ထို့ကို အသုံးပြုထားသည်。 inherit.

နည်းပါးဆိုင်ရာ

မူကြမ်း အရ: auto
အမိန့်ထား: မမရှိ
လှည့်ပြီး ပြုလုပ်: အကူအညီပြီးလှည့်ပြီး အက္ခရာ.
ပုံစံ: ဆိုဖ်စ် ၃
ဂျေဟိုး အက္ခရာ: object.style.insetBlockEnd="100px"

ဘရာဇက်ဂျက် အကူအညီ

အော်ဒိုမေးကျူးများတွင် အသုံးပြုထားသော ပုံစံ ကုဒ် သည် အသုံးပြုထားသော အက္ခရာ ပုံစံ အပိုင်း ကို ပြသထားသည်。

ခရမ် အက်ဝ ဖရက်ခ် ဆိုဖ် အိုပ်ရာ
87.0 87.0 63.0 14.1 73.0

相关页面

教程：CSS 定位

参考：စီစဥ်ချက် position သုံးစွဲနည်း

参考：CSS အကွာအဝေး သုတ်သင်ခြင်း