စက်တင် position အချက်

  • ပြီးခဲ့သော စာကြောင်း pointer-events
  • နောက်ပိုင်းစာ @property

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

position သည် အရာဝတ္တု၏ စီစဥ်နည်းကို သတ်မှတ်သည်။

说明

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

另请参阅：

CSS 教程：CSS 定位

HTML DOM 参考手册：position 属性

实例

定位 h2 元素：

h2
  {
  position:absolute;
  left:100px;
  top:150px;
  }

亲自试一试

CSS 语法

position: static|absolute|fixed|relative|sticky|initial|inherit;

属性值

值 ဖော်ပြ
absolute

အက်ဖ်-က်စ် အရာ အတိုင်းအ�ာ တည်ထောင် ရန် ပြသည်။

အက်ဖ်-က်စ် အရာ အခြေအနေ ကို "left", "top", "right" နှင့် "bottom" ဘာသာစကား အားဖြင့် ကျသည်。
fixed

အက်ဖ်-က်စ် အရာ အတိုင်းအတာ တည်ထောင် ရန် ပြသည်။

အက်ဖ်-က်စ် အရာ အခြေအနေ ကို "left", "top", "right" နှင့် "bottom" ဘာသာစကား အားဖြင့် ကျသည်。
relative

အက်ဖ်-က်စ် အရာ အတိုင်းအတာ တည်ထောင် ရန် ပြသည်။

အက်ဖ်-က်စ် ဘာသာစကား "left:20" က အက်ဖ်-က်စ် အရာ အခြေခံ အခြေအနေ အတွင်း အရှေ့ အခြေအနေ အတွင်း 20 ပမာဏ ပြုလုပ်သည်。
static မည်သည့် အခြေခံ ဘာသာစကား မှ အခြေခံ အက်ဖ်-က်စ် ဘာသာစကား ကို လုပ်ကိုင် ပြီး အခြေခံ အက်ဖ်-က်စ် ဘာသာစကား ကို အသုံးပြုကြသည်。
inherit position ဘာသာစကား ကို ဖြစ်စေ ပြီး ဖြစ်စေ အခြေခံ အက်ဖ်-က်စ် ဘာသာစကား ကို အသုံးပြုကြသည်。

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

မည်သည့် အခြေခံ ဘာသာစကား မှ အခြေခံ အက်ဖ်-အက်စ်စ် ဘာသာစကား ကို လုပ်ကိုင် ပြီး အခြေခံ အက်ဖ်-က်စ် ဘာသာစကား ကို အသုံးပြုကြသည်。 static
လုပ်ကိုင်ခြင်း: no
ပုံစံ: CSS2
JavaScript ဘာသာစကား: object.style.position="absolute"

TIY အမှတ်အသား

တည်ထောင်ခြင်း: အတိုင်းအတာ တည်ထောင်ခြင်း
အထို အမှတ်အသား က အက်ဖ်-အက်စ်အက်စ် အရာ အတိုင်းအတာ တည်ထောင် ရန် ပြသည်။
တည်ထောင်ခြင်း: အတိုင်းအတာ တည်ထောင်ခြင်း
အထို အမှတ်အသား က အက်ဖ်-အက်စ်အက်စ် အရာ တည်ထောင် ရန် အချက်အလက် အသုံးပြုကြသည်。
တည်ထောင်ခြင်း: အခြေခံ တည်ထောင်ခြင်း
အထို အမှတ်အသား က ဘာသာစကား ပြောင်းလဲ ရန် ပြသည်။
အက်ဖ်-အက်စ်အက်စ် အရာ ပုံစံ ပြုလုပ်
အထို အမှတ်အသား က အက်ဖ်-အက်စ်အက်စ် အရာတစ်ခု ကို ပုံစံ ပြုလုပ် ရန် ပြသည်။ အရာတစ်ခု ကို အပုံစံ အတွင်း ချင်းကန်းပြီး ပြသထားပါသည်。
Z-index
Z-index ကို အက်ဖ်-အက်စ်အက်စ် ကို တစ် အက်ဖ်-အက်စ်အက်စ် နောက်မှ ထည့်သွင်း ရန် အသုံးပြုကြသည်。
Z-index
အထို အမှတ်အသား တွင် အက်ဖ်-အက်စ်အက်စ် ကို ပြောင်းလဲခဲ့သည်。

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 4.0
  • ပြီးခဲ့သော စာကြောင်း pointer-events
  • နောက်ပိုင်းစာ @property