Style top 属性

Timetable

JS Manual

JavaScript

Window

HTML DOM

Web API

HTML Mfano

</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="Mfano wa DOM Time wa HTML"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="Mfano wa DOM Title wa HTML"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="Mfano wa DOM Track wa HTML"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="Mfano wa DOM Underline wa HTML"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="Mfano wa DOM Ul wa HTML"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="Mfano wa DOM Variable wa HTML"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="Mfano wa DOM Video wa HTML"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="Mfano wa CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Tukio la ujenzi wa JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kikaa cha W3C.com">Kikaa cha W3C.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> Kutoka pindi <a href="/sw/jsref/prop_style_texttransform.html" title="Mwili wa textTransform wa Style">textTransform</a></li> <li> Mbele wa pindi <a href="/sw/jsref/prop_style_transform.html" title="Mwili wa transform wa Style">transform</a></li> <li> Rudi kufikia kipande chao <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa HTML DOM Style">Mtu wa HTML DOM Style</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>top</code> 属性设置或返回定位元素的顶部位置。</p> <p>该属性规定元素的顶部位置，包括内边距、滚动条、边框和外边距。</p> <p class="tip"><span>Msaada:</span>Kina la upelekezo ni <a href="/sw/jsref/prop_style_position.html" title="Mwili wa position wa Style">Position property</a> Kuweka kwa:<code>relative</code>,<code>absolute</code> au <code>fixed</code>.</p> <p class="tip"><span>Msaada:</span>Kuweka au kurudi kiwango cha juu cha kina la kina la upelekezo, tafadhali tumia: <a href="/sw/jsref/prop_style_bottom.html" title="Mwili wa bottom wa Style">Bottom property</a>.</p> <h3>Tafadhali angalia:</h3> <p>Mwongozo wa CSS:<a href="/sw/css/css_positioning.html" title="Tengeneza wa CSS">Tengeneza wa CSS</a></p> <p>Mwongozo wa CSS:<a href="/sw/cssref/pr_pos_top.html" title="Mwili wa top wa CSS">Top property</a></p> </div> <div> <h2>Mfano</h2> <h3>Mfano 1</h3> <p>Kuweka kiwango cha juu cha kina la <button>:</p> <pre class="language-js"> document.getElementById("myBtn").style.top = "100px"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_top_1">Jifunze kwa urahisi</a></p> <h3>Mfano 2</h3> <p>Kuweka uadilifu wa kina la <div> kwa sababu ya kiwango cha juu cha kina la kina:</p> <pre class="language-js"> document.getElementById("myDiv").style.top = "-100px"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_top_2">Jifunze kwa urahisi</a></p> <h3>Mfano 3</h3> <p>Kurudi kiwango cha juu cha kina la <div>:</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.top); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_top_3">Jifunze kwa urahisi</a></p> </div> <div> <h2>Inafaa kufikia</h2> <p>Kurudi top:</p> <pre><i>object</i>.style.top</pre> <p>Kuweka top:</p> <pre><i>object</i>.style.top = "auto|<i>length</i>|<i>%</i>|initial|inherit"</pre> <h3>Chaguo cha uwezo</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Chaguo</th> <th>Maelezo</th> </tr> <tr> <td>auto</td> <td>Kuweka kiwango cha juu cha kina la kina kwa sababu ya mtaalamu wa kina. Chaguo cha kawaida.</td> </tr> <tr> <td><i>length</i></td> <td>Kuweka kiwango cha juu cha kina la kina kwa kawaida ya ukingo wa kiwango. Inaruhusiwa uadilifu wa kina.</td> </tr> <tr> <td><i>%</i></td> <td>Kuweka kiwango cha juu cha kina la kina kwa nafasi ya kina la kina ya baba kwa nafasi ya kina la kina ya baba.</td> </tr> <tr> <td>initial</td> <td>Kuweka kwa kawaida jina hili kwa sababu ya chaguo cha kawaida. Angalia <a href="/sw/cssref/css_initial.html" title="Mwili wa initial wa CSS">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>Kuweka kwa kawaida jina hili kwa sababu ya kina ya kina ya baba. Angalia <a href="/sw/cssref/css_inherit.html" title="Mwili wa inherit wa CSS">inherit</a>.</td> </tr> </table> </div> <div> <h2>Vivyo ya teknolojia</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Chaguo cha kawaida:</th> <td>Hakuna</td> </tr> <tr> <th>Matokeo:</th> <td>Mwili wa jina, inaeleza kiwango cha juu ya kina ya kina la upelekezo.</td> </tr> <tr> <th>Muungano wa CSS:</th> <td>CSS2</td> </tr> </table> </div> <div> <h2>Mfanyikia mtaaa</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>Mwaka</td> <td>Mwaka</td> <td>Mwaka</td> <td>Mwaka</td> <td>Mwaka</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> Kutoka pindi <a href="/sw/jsref/prop_style_texttransform.html" title="Mwili wa textTransform wa Style">textTransform</a></li> <li> Mbele wa pindi <a href="/sw/jsref/prop_style_transform.html" title="Mwili wa transform wa Style">transform</a></li> <li> Rudi kufikia kipande chao <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa HTML DOM Style">Mtu wa HTML DOM Style</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Kifaa cha kusoma </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Mafunzo ya JavaScript na HTML DOM Kitabu cha Mafanikio</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Muonekano wa JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mwongozo wa JavaScript</a></h5> </div> <div><h3><center> Vituo vya msingi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya W3C.com inahuzuniwa kwa mafanikio na mafanikio ya matokeo haya hayafikii kina. Risiki inayopatikana kwa kutumia matokeo hayo hayafikii kina. Ilihi imetangazwa na inahifadhiwa kila haki. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu W3C.com">Kuhusu W3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada wa W3C.com">Msaada wa W3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mshahara wa kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu siri">Mshahara wa siri</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="Inaruka na Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>