စီစ်တိုက် inset-inline-start

定义和用法

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

ကြေညာ要使此属性生效，必须指定 position 属性。

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

ကြေညာအချက်အလက် writing-mode နှင့် direction ဖြတ်သန်း အခြေအနေ ကို အခြေခံပြီး inset-inline-start အချက်အလက် အချက်

အမှတ်

အမှတ် 1

အချက်အလက် ကို ဖော်ထုတ်ပြီး ဖြတ်သန်း အခြေအနေ နှင့် ဖြစ်ပါတယ် အဖိုင်အမှတ် နှင့် ဖြစ်ပါတယ် အဖိုင်အမှတ် အကွာအဝေး ကို သတ်မှတ်ပါ။

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

ကျွန်တော် ကျယ်ပါ

အမှတ် 2

အရှေ့မှ အနောက်သို့ ဖြတ်သန်း writing-mode အချက်အလက် ကို vertical-rl အဖြစ် သတ်မှတ်ပါက ဖြတ်သန်း အခြေအနေ ကို တည်ဆဲဖြစ်သည်။ အကြောင်းကြားချက် တစ်ခု ရှိသည် ဖြစ်ပါတယ် သို့မဟုတ် အရှေ့မှ အနောက်သို့ ဖြစ်သည်။

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

ကျွန်တော် ကျယ်ပါ

အမှတ် 3

အရှေ့မှ အနောက်သို့ ဖြတ်သန်း direction အချက်အလက် ကို rtl အဖြစ် သတ်မှတ်ပါက ဖြတ်သန်း အခြေအနေ ကို သို့မဟုတ် အရှေ့မှ အနောက်သို့ ဖြစ်သည်။ အကြောင်းကြားချက် တစ်ခု ရှိသည် ဖြစ်ပါတယ် သို့မဟုတ် အရှေ့မှ အနောက်သို့ ဖြစ်သည်။

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

ကျွန်တော် ကျယ်ပါ

ကျော်ကြီး စကားဝုဒ်

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

အချက်အလက် အချက်

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

ဘရပ်သား အထောက်အကူ

အချက်အလက်များသည် ထိုအခြေအနေကို ပထမဆုံး လုပ်ဆောင်နိုင်သော ဘရပ်သား ကန်ပြီး အခြေအနေ ဖြစ်သည်။

ဆက်စပ် စာမျက်နှာ

ပညာရှင်စက်တင် အခ�ေအနေ

ကိုယ်စားပြုသည်စက်တင် position သုံးဆောင်ခြင်း

ကိုယ်စားပြုသည်စက်တင်းစားလုံးစွဲဆိုင်ရာ direction အဆို

ကိုယ်စားပြုသည်စက်တင် အခ�ေအနေ - writing-mode