စက်အဲချို့ရှိသော inset-block-start အကိုးအချုပ်

定义和用法

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

မှတ်ချက်:အချက်အလက် အား သတ်မှတ်ပါချိန်တွင် ဘလောက် အခြေအနေ အား သတ်မှတ်ပါချိန်တွင် သုံးပြုပါ。 အချက်အလက် ဆာဖာ

ဆာဖာ inset-inline နှင့် inset-block အချက်အလက် အပေါ်မှနှင့်နောက်မှနှင့်ရှေ့မှ နှင့် ကွဲပြ အချက်အလက် အား အသိအမှတ်ပြုထားသည်。 inset-block နှင့် inset-inline အချက်အလက် အား ဘလောက် အခြေအနေ နှင့် အကြိမ်ကြား အခြေအနေ အပေါ် အားဖြင့် ကြည့်ပါ。

မှတ်ချက်:သင်္ချာ writing-mode ဘလောက် အခြေအနေ အား အသိအမှတ်ပြုထားသည်。 inset-block-start အချက်အလက် အချက်အလက်

အကျိုးသမိုင်း

အမှတ် 1

အခြေချက် ကို ကိုယ်တိုင် ကြိုးစားပါ

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

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

အမှတ် 2

ဖြစ်ပေါ်သော <div> အချက်အလက် writing-mode အချက်အလက် အား vertical-rl အား သတ်မှတ်ပါချိန်တွင် ဘလောက် အခြေအနေ မှ သို့ ကွဲပြားသည်。

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

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

ဆာဖာ ဘာသာစကား

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

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

အချက်အလက် ဖော်ပြ
auto မူကြမ်း အချက်အလက်
length

အခြေခံ ဗိုင်းတန်း ဗိုင်းတန်း ကို သုံးပြုထားသည် (ဥပမာ px, pt, cm တို့)。

ကြည့်ပါ:CSS အရာ.

% ကြားယူသော ဗိုင်းတန်း အချက်အလက် ကို ကိုယ်စားပြုထားသော အချက်အလက် အား ကိုယ်စားပြုထားသည်。
initial အချက်အလက် အမူအရာ အား အမူအရာ အား သတ်မှတ်ပါ。 initial.
inherit ဖြစ်ပေါ်သော ပုံစံအချက်အလက်မှ ထိန်းချုပ်ထားသော အချက်အလက် ကို ကြည့်ပါ。 inherit.

နည်းပါးလုံး

မူကြမ်း အချက်အလက် auto
ကြည့်ပေး နောက်ကန်
လှုပ်ရှားစက် ပြုလုပ် ထောက်ပံ့လှုပ်ရှားစက် သဘောတူချက်.
ပုံစံ ဆာဖာ
ဂျွန်တို့ ဘာသာစကား object.style.insetBlockStart="100px"

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

အော်ဝင်းမှုအချက်အလက်များတွင် အသုံးပြုသော ဘာသာစကားများနှင့် သဘောတူသော ဘာသာစကားများတွင် သဘောတူချက်ကို ပေးသော ဘာသာစကားအချက်အလက်များ ပထမဆုံး ကို ထောက်ပံ့သော ဘာသာစကား ပုံစံအချက်အလက်များ ဖော်ပြထားသည်。

ခရိုး အန်ဂျာ ဖိုးဖရက် ဆာဖာ အော်ပရိတ္တ
87.0 87.0 63.0 14.1 73.0

相关页面

教程:CSS 定位

参考:စတုတ္ထ အစုအဝေး position သုံးစွဲ

参考:စက်တင် အပြင်ဘက် အသုံးပြု ဖော်ထုတ်ထား ရာ