စီစဥ် inset သုံးစွဲမှု

ဒီပုံစံနှင့် အသုံးပြုခြင်း

inset ပုံစံသည် အဆိုပါအီးအစိုးရ နှင့် တူးဝေးပေါ် သို့ ကြားသော အကွာအဝေး ကို သတ်မှတ်ထားသည်。

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

inset 属性是以下属性的简写形式：

• top
• bottom
• left
• right

inset 属性的值可以通过不同的方式设置：

如果 inset 属性有四个值：

inset: 15px 30px 60px 90px;

• အခြေအား အား ဂုဏ်ကျေးဇူး အား 90px ဖြင့် ကြိုးစားပါ:
• 右距离是 30px
• အထက် အကွာအဝေး အား 15px ဖြင့် ကြိုးစားပါ:
• 左距离是 90px

ဘယ်ဘက် အကွာအဝေး အား 30px ဖြင့် ကြိုးစားပါ:

inset: 15px 30px 60px;

• အခြေအား အား ဂုဏ်ကျေးဇူး အား 90px ဖြင့် ကြိုးစားပါ:
• ဘယ်ဘက် အကွာအဝေး အား 30px ဖြင့် ကြိုးစားပါ:
• အထက် အကွာအဝေး အား 15px ဖြင့် ကြိုးစားပါ:

အောက် အကွာအဝေး အား 60px ဖြင့် ကြိုးစားပါ:

အမှတ် 2

• အရှေ့ အခြေအား အား 15px ဖြင့် ကြိုးစားပါ:
• ဘယ်ဘက် အကွာအဝေး အား 30px ဖြင့် ကြိုးစားပါ:

အခြေအား အား တစ် အချက် ကို အသုံးပြုလျှင်:

inset: 10px;

• တစ်လျှောက် တစ်လျှောက် အကွာအဝေး အား 10px ဖြင့် ကြိုးစားပါ:

အကျယ်

အမှတ် 1

အခြေအား ကို ပြင်ဆင်ပါ၊ အခြေအား ကို ပုံစံ အရ ပြင်ဆင်ထားသည်။

div {
  အခြေအား ကို ပြင်ဆင်ပါ၊ ပုံစံ အရ ပြင်ဆင်ထားသော အခြေအား ကို ကိုယ်စားပြုထားသည်။
}

ကျွန်ုပ်ကိုယ် ကြိုးစားပါ

အမှတ် 1

div အခြေအား ကို inset inset: 35px;

div {
  အမှတ် 2
}

ကျွန်ုပ်ကိုယ် ကြိုးစားပါ

inset: 15px 30px;

div အခြေအား ကို inset အမှတ် 3

div {
  inset: 15px 30px 60px;
}

ကျွန်ုပ်ကိုယ် ကြိုးစားပါ

အမှတ် 4

div အခြေအား ကို inset အချက် အချက် ကို ပြင်ဆင်ပါ၊ အခြေအနေ အရ အခြေအား ထောက်ပံ့သော ဘရပ်တာ ပုံစံ ကို ကိုယ်စားပြုထားသည်။

div {
  inset: 15px 30px 60px 90px;
}

ကျွန်ုပ်ကိုယ် ကြိုးစားပါ

ဆွေးသီး အက္ခရာ

inset: auto|length|initial|inherit;

အချက် အချက်

နည်းပါး အချက်

ဘရပ်တာ ထောက်ပံ့

အခြေအနေအရ အခြေအား ထောက်ပံ့သော ဘရပ်တာ ပုံစံ ကို ကိုယ်စားပြုထားသော ဘရပ်တာ မူကျင်း ဖြစ်သည်။

相关页面

စက်တင် ကောက်ချိန်စက်တင် ကောက်ချိန်

ကိုးကားစျူဆိုင်း position အရေးသား

ကိုးကားစတုဂံ နိုင်ငံတကာ အောက်

ကိုးကားစီစဥ် left သုံးစွဲမှု

ကိုးကားစျူဆိုင်း right အရေးသား

ကိုးကားစက်တင် ကောက်ချိန် အခြေခံ