style top အခြေခံ အကျိုး

စီစဥ်တလျှောက်

JS Reference Manual

JavaScript

Window

HTML DOM

Web API

HTML အိုက်အဖြ်

</a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အကို"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အကို"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အကို"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အကို"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အကို"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အကို"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အကို"><video></a></li> </ul> <h2>အခြား ပြည့်စုံ</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အကို">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးပြောင်းပြိုင်">JS အကွယ်အခြာ ပုံစံ</a></li> </ul> </div> <div><h3><center> ရသုံးစံ </center><h3> <h2>အဆိုပါ</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ပုံစံအချုပ်">CodeW3C.com ပုံစံအချုပ်</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>style top အခြေခံ အကျိုး</h1> <div class="prenextnav-ref"> <ul> <li> အဆင်းပြင် ကြည့်ရန် <a href="/my/jsref/prop_style_texttransform.html" title="Style textTransform အခြေအနေ">textTransform</a></li> <li> နောက်ဆုံး ပါး <a href="/my/jsref/prop_style_transform.html" title="Style transform အခြေအနေ">transform</a></li> <li> အဆင်းပြင် ကြည့်ရန် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အရာမ">HTML DOM Style အရာမ</a></li> </ul> </div> <div> <h2>အသုံးပြုနည်း နှင့် အပြုအရေး</h2> <p><code>top</code> တည်နေရာ အကွယ်အခြာ ကို လိုက်နုံးသို့မဟုတ် လိုက်နုံးပါ</p> <p>အခြေခံ အကျိုး ကို အစီအစဉ်သုံးပါ သို့မဟုတ် လိုက်နုံးပါ တည်နေရာ အကွယ်အခြာ ကို အပေါ်လွှာ အထပ်ချိန် ပါဝင်သည်</p> <p class="tip"><span>အဆိုပါ</span>တည်နေရာ အကွယ်အခြာ <a href="/my/jsref/prop_style_position.html" title="Style position အခြေအနေ">position အခြေခံ အကျိုး</a> အစီအစဉ်သုံးပါ<code>relative</code>、<code>absolute</code> သို့မဟုတ် <code>fixed</code>。</p> <p class="tip"><span>အဆိုပါ</span>တည်နေရာ အထပ်ချိန် ကို အစီအစဉ်သုံးပါ သို့မဟုတ် လိုက်နုံးပါ <a href="/my/jsref/prop_style_bottom.html" title="Style bottom အခြေအနေ">bottom အခြေခံ အကျိုး</a>。</p> <h3>အခြား ကြည့်လိုက်၍</h3> <p>CSS ဖော်ပြချက်<a href="/my/css/css_positioning.html" title="CSS အရေးပိုက်">CSS အရေးပိုက်</a></p> <p>CSS ပြည့်စုံ ကို ကြည့်လိုက်၍<a href="/my/cssref/pr_pos_top.html" title="CSS top အခြေအနေ">top အခြေခံ အကျိုး</a></p> </div> <div> <h2>အကျိုးသုံး</h2> <h3>အမှတ် 1</h3> <p>button အကွယ်အခြာ အထပ်ချိန် ကို အစီအစဉ်သုံးပါ</p> <pre class="language-js"> document.getElementById("myBtn").style.top = "100px"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_top_1">ကျွန်ုပ်ကို ကြိုးစားပါ</a></p> <h3>အမှတ် 2</h3> <p>ဝေးခြင်း ကို အစီအစဉ်သုံးပါ - div အကွယ်အခြာ အထပ်ချိန် ကို</p> <pre class="language-js"> document.getElementById("myDiv").style.top = "-100px"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_top_2">ကျွန်ုပ်ကို ကြိုးစားပါ</a></p> <h3>အမှတ် 3</h3> <p>div အကွယ်အခြာ အထပ်ချိန် ကို လိုက်နုံးပါ</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.top); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_top_3">ကျွန်ုပ်ကို ကြိုးစားပါ</a></p> </div> <div> <h2>အပြောင်းအလဲ</h2> <p>top အခြေခံ အကျိုး ကို လိုက်နုံးပါ</p> <pre><i>object</i>.style.top</pre> <p>top အခြေခံ အကျိုး ကို အစီအစဉ်သုံးပါ</p> <pre><i>object</i>.style.top = "auto|<i>length</i>|<i>%</i>|initial|inherit"</pre> <h3>အခြေခံ အကျိုး</h3> <table class="dataintable"> <tr> <th style="width: 25%;">ပြောင်းလဲသည်</th> <th>ဖော်ပြ</th> </tr> <tr> <td>auto</td> <td>ဘရောက်လာခြင်း ကို အထပ်ချိန် အရွယ် ကို အစီအစဉ်သုံးသည်။ မူးယစ်သုံး</td> </tr> <tr> <td><i>length</i></td> <td>အထပ်ချိန် အရွယ် ကို အကွယ်အခြာ အဆင့် ဖြင့် အချက်ပြုသည်။ ဝေးခြင်း ကို ခွင့်ပြုသည်</td> </tr> <tr> <td><i>%</i></td> <td>အဖွဲ့အစည်း အထပ်ချိန် အရွယ် ကို စုစုပေါင်းပြီး အရောင်းသုံးသည်</td> </tr> <tr> <td>initial</td> <td>အခြေခံ အကျိုး သို့ ပြောင်းလဲသည်။ ကျမ်းကို ကြည့်လိုက်၍ <a href="/my/cssref/css_initial.html" title="CSS initial အကြောင်းသတ်">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>အဖွဲ့အစည်း ကို ဖြစ်စေ၍ အခြေခံ အကျိုး ကို လက်ခံသည်။ ကျမ်းကို ကြည့်လိုက်၍ <a href="/my/cssref/css_inherit.html" title="CSS inherit အကြောင်းသတ်">inherit</a>。</td> </tr> </table> </div> <div> <h2>နည်းပညာ အချက်အလက်</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">မူးယစ်သုံး ပြောင်းလဲသည်:</th> <td>မရှိ</td> </tr> <tr> <th>လိုက်နုံး ပြောင်းလဲသည်:</th> <td>ကျမ်းစား သည်၊ တည်နေရာ အထပ်ချိန် ကို ခေါ်ဆိုသည်。</td> </tr> <tr> <th>စကေးထွက် ပုံစံ:</th> <td>စကေးထွက် 2</td> </tr> </table> </div> <div> <h2>ဘရောက်လာခြင်း ထောက်ပံ့ပေးသည်</h2> <table class="browser-support"> <tr> <th class="bsChrome">ခရိုမို</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>ခရိုမို</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> အဆင်းပြင် ကြည့်ရန် <a href="/my/jsref/prop_style_texttransform.html" title="Style textTransform အခြေအနေ">textTransform</a></li> <li> နောက်ဆုံး ပါး <a href="/my/jsref/prop_style_transform.html" title="Style transform အခြေအနေ">transform</a></li> <li> အဆင်းပြင် ကြည့်ရန် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အရာမ">HTML DOM Style အရာမ</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> အက်ိုင့်အားအကူ </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">JavaScript နှင့် HTML DOM အမိန့် စာအုပ်</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အများပြားသော အကိုးအကာ</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript ဖိုးရိုး</a></h5> </div> <div><h3><center> ပံ့ပိုးစာချုပ် </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ဖြင့် ပြည့်ဖျော်သုံးနိုင်သော အသုံးပြုခြင်း သည် ကျယ်ပြန့်သော ပညာရေး နှင့် စမ်းသပ်ရေး အတွက် သာ ဖြစ်ပါသည်။ အသုံးပြုခြင်း မှ ပေါ်ပေါက်သော အကျိုးဆက်ရာ အရေးပါသော အကြောင်းကိစ္စများ သည် အကွဲအဖြတ်ပြီး ဖြစ်သည်။ စာကြိုးအခွင့်အရေး ပြီး အခွင့်အရေး များစွာ အား သိမ်းပိုက်ထားပါသည်။ </p> <p id="p2"> <a href="/my/about/index.html" title="CodeW3C.com နှင့် ပတ်သက်">CodeW3C.com နှင့် ပတ်သက်</a> <a href="/my/about/about_helping.html" title="CodeW3C.com ကယ်ဆယ်">CodeW3C.com ကယ်ဆယ်</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း">အသုံးချင်းအချက်</a> <a href="/my/about/about_privacy.html" title="သတင်းပေး">သတင်းအချက်</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ပါဝါလုပ်နေရာတွင် Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>