Style bottom အခြေအား

ဒီပေါ်မူးခြား နှင့် အသုံးပြုပါ

bottom စီးရီး အဖွဲ့ အခြေခံ အရ အခြေအား စီးရီး သတ်မှတ်ပြီး သုံးကြသည်

အကြိမ်ဖြူးစီးရီး အဖွဲ့ ဖြင့် ကြည့်ရှုမှု အား ကျမ်းကို ကြည့်ပါ

အကြိမ်ဖြူးစီးရီး အဖွဲ့ အောက်တွင် အခြေခံ အရ ဖြစ်ပေါ်သော အခြေခံ အရ သတ်မှတ်ပြီး သုံးကြသည်

အခြား ကြည့်ရှုမှု

CSS ဖော်ပြပါCSS စီးဆင်း

CSS ပြည့်ရှိ ကျမ်းbottom အခြေအား

အမှတ်

အမှတ် 1 လုံး

button အဖွဲ့ အောက်တွင် စီးရီး အခ�ေခံ အရ သတ်မှတ်ပြီး သုံးကြသည်

document.getElementById("myBtn").style.bottom = "100px";

ကျွန်ုပ်ကိုယ် က စစ်ဆေးပါ

အမှတ် 2 လုံး

div အဖွဲ့ အောက်တွင် စီးရီး အခြေခံ အရ သတ်မှတ်ပြီး သုံးကြသည်

document.getElementById("myDiv").style.bottom = "10px";

ကျွန်ုပ်ကိုယ် က စစ်ဆေးပါ

အမှတ် 3 လုံး

ဝေးခေါ် အရာ အား စီးရီး အခြေခံ အရ သတ်မှတ်ပြီး သုံးကြသည်

document.getElementById("myDiv").style.bottom = "-100px";

ကျွန်ုပ်ကိုယ် က စစ်ဆေးပါ

အမှတ် 4 လုံး

div အဖွဲ့ အောက်တွင် စီးရီး အခြေခံ အရ ပါဝင်သည်

alert(document.getElementById("myDiv").style.bottom);

ကျွန်ုပ်ကိုယ် က စစ်ဆေးပါ

အပြောအရ

bottom အခြေအား ပါဝင်သည်

object.style.bottom

bottom အခြေအား သတ်မှတ်ပြီး သုံးကြသည်

object.style.bottom = "auto|length|%|initial|inherit"

အခြေအား

အရာ ဖော်ပြ
auto ဘရပ် ကူးယူပြီး စီးရီး အခြေခံ အရ သတ်မှတ်ပြီး သုံးကြသည်
length အကြား ဖြင့် စီးရီး အခြေခံ အရ သတ်မှတ်ပြီး သုံးကြသည်။ ဝေးခေါ် အရာ ပါဝင်နိုင်သည်
% ဖြစ်ပေါ်သော အဖွဲ့ အမြင့် တိုင်း တိုင်း စီးရီး အခြေခံ အရ သတ်မှတ်ပြီး သုံးကြသည်
initial ထို အခြေအား မူးသား အရ သတ်မှတ်ပြီး သုံးကြသည်။ ကျမ်းကို ကြည့်ပါ initial。
inherit ဖြစ်ပေါ်သော အဖွဲ့ မှ ထို အခြေအား ကူးယူပြီး သုံးကြသည်။ ကျမ်းကို ကြည့်ပါ inherit。

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

မူးသား အရ auto
ပါဝင်သည် သောက်သတင်း ဖြင့် စီးရီး အဖွဲ့ အောက်တွင် စီးရီး အခြေခံ အရာ ချင်း ဖော်ပြသည်。
CSS 版本： CSS2

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持