Style right အရာ
- ပြီးဆုံး စာမျက်နှာ အဆင်းပြင် ပြန်လည်
- နောက်ပိုင်း စာမျက်နှာ scrollBehavior
- အဆင်းပြင် ပြန်လည် HTML DOM Style အရာ
အသုံးပြုနည်း နှင့် အပြုအရေး
right အရာ ပုံစံ ကို သတ်မှတ်ပါ
အရာ ကြောက်သုံးဖက် တည်နေရာ ကို အခြေခံ ပုံစံ အမှတ်အသား ဖြင့် အသုံးပြုထားသည်
အဆိုပါ အဖွဲ့အစည်းဖြစ်ပေါ်လာသော အဖွဲ့အစည်း ကို position အရာ ပုံစံ ကို သတ်မှတ်ထားသည်relative、absolute သို့မဟုတ် fixed အရာ
အဆိုပါ အဖွဲ့အစည်းဖြစ်ပေါ်လာသော အဖွဲ့အစည်း ကို သတ်မှတ်ပါ left အရာ.
အခြား ကိုယ်စားပြု စာအုပ်
အခြား ကိုယ်စားပြု စာအုပ်CSS စောင်းစာ
CSS ကိုယ်စားပြု စာအုပ်right အရာ
အမှတ်
အမှတ် 1
div အရာ ကြောက်သုံးဖက် တည်နေရာ ကို သတ်မှတ်ပါ
document.getElementById("myDIV").style.right = "100px";
အမှတ် 2
ဝက်သား အကွာအဝေး ကို သတ်မှတ်ပါ
document.getElementById("myDiv").style.right = "-100px";
အမှတ် 3
div အရာ ကြောက်သုံးဖက် တည်နေရာ ကို အမှတ်အသားပြုထားသော စကားလုံး
alert(document.getElementById("myDiv").style.right);
ပြောချက်
right အရာ ပုံစံ ကို နိုင်ငံခြား ပြန်လည်
object.style.right
right အရာ ပုံစံ ကို သတ်မှတ်ပါ
object.style.right = "auto|length|%|initial|inherit"
အရာ ပုံစံ
| ပုံစံ | ဖော်ပြ |
|---|---|
| auto | ဘာသာစကားအားထိုး |
| length | အကွာအဝေး ပုံစံ အမှတ်အသား ဖြင့် ကြောက်သုံးဖက် တည်နေရာ ကို အမှတ်အသားပြုထားပါ |
| % | ဖြစ်ပေါ်လာသော အဖွဲ့အစည်း မှ အကျိုးဆက် လုပ်ဆောင်ထားသော အရာ |
| initial | အရာ ပုံစံ ကို မူကြမ်း ပုံစံ သို့ ပြန်လည်သတ်မှတ်ထားပါ initial. |
| inherit | ဖြစ်ပေါ်လာသော အဖွဲ့အစည်း မှ အကျိုးဆက် လုပ်ဆောင်ထားသော အရာ inherit. |
နည်းပညာ အသေးစိတ်
| မူကြမ်း ပုံစံ: | auto |
|---|---|
| နိုင်ငံခြား ကြောက်သုံးဖက် တည်နေရာ ကို အမှတ်အသားပြုထားသော စကားလုံး | ကြောက်သုံးဖက် တည်နေရာ ကို အမှတ်အသားပြုထားသော စကားလုံး |
| CSS ပုံစံ: | CSS2 |
ဘာသာစကားအားထိုး
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |
- ပြီးဆုံး စာမျက်နှာ အဆင်းပြင် ပြန်လည်
- နောက်ပိုင်း စာမျက်နှာ scrollBehavior
- အဆင်းပြင် ပြန်လည် HTML DOM Style အရာ
