Style right 属性

Mwaliko wa Jadualu la Mafunzo

Mwaliko wa Kitabu cha Agizo cha JS

Mwaliko wa JavaScript

Mwaliko wa Window

Mwaliko wa HTML DOM

Mwaliko wa Web API

HTML Mwongozo

</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="HTML DOM Time mguu"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="HTML DOM Title mguu"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="HTML DOM Track mguu"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="HTML DOM Underline mguu"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Ul mguu"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="HTML DOM Variable mguu"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="HTML DOM Video mguu"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration mguu">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="JavaScript ujenzi wa upelele">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kivunjeo CodeW3C.com">Kivunjeo 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 right 属性</h1> <div class="prenextnav-ref"> <ul> <li> Msaada <a href="/sw/jsref/prop_style_resize.html" title="Uongozi Style kwa resize">Kwanza</a></li> <li> Pya <a href="/sw/jsref/prop_style_scrollbehavior.html" title="Uongozi Style kwa scrollBehavior">scrollBehavior</a></li> <li> Kutoka juu <a href="/sw/jsref/dom_obj_style.html" title="Kifungu cha HTML DOM Style">Kifungu cha HTML DOM Style</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>right</code> 属性设置或返回定位元素的右侧位置。</p> <p>该属性规定元素的右侧位置，包括内边距、滚动条、边框和外边距。</p> <p class="tip"><span>提示：</span>定位元素是 position 属性设置为：<code>relative</code>、<code>absolute</code> 或 <code>fixed</code> 的元素。</p> <p class="tip"><span>提示：</span>如需设置或返回定位元素的左侧位置，请使用 <a href="/sw/jsref/prop_style_left.html" title="Uongozi Style kwa left">left 属性</a>.</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/sw/css/css_positioning.html" title="CSS ukitumika kwa position">CSS 定位</a></p> <p>CSS 参考手册：<a href="/sw/cssref/pr_pos_right.html" title="CSS kwa right">right 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>设置 <div> 元素的右侧位置：</p> <pre class="language-js"> document.getElementById("myDIV").style.right = "100px"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_right_1">亲自试一试</a></p> <h3>例子 2</h3> <p>使用负值 - 设置 <div> 元素的右侧位置：</p> <pre class="language-js"> document.getElementById("myDiv").style.right = "-100px"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_right_2">亲自试一试</a></p> <h3>例子 3</h3> <p>返回 <div> 元素的右侧位置：</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.right); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_right_3">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 right 属性：</p> <pre><i>object</i>.style.right</pre> <p>设置 right 属性：</p> <pre><i>object</i>.style.right = "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>Kuweka nafasi ya kushika kwa msaada wa ukadifu wa ukurasa. Inaruhusiwa kina kina.</td> </tr> <tr> <td><i>%</i></td> <td>Kuweka eneo la kushika kwa nafasi ya kina cha kina cha kina cha baba kwa nishati za kina cha kina cha baba.</td> </tr> <tr> <td>initial</td> <td>Kuweka mambo hii kwa chaguo cha kawaida. Angalia <a href="/sw/cssref/css_initial.html" title="CSS kwa initial">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>Kuwa na mambo ya kuzingatia kutoka kwa elementi ya baba. Angalia <a href="/sw/cssref/css_inherit.html" title="CSS kwa inherit">inherit</a>.</td> </tr> </table> </div> <div> <h2>Mafanikio ya teknolojia</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Chaguo cha kawaida:</th> <td>auto</td> </tr> <tr> <th>Matokeo wa kuzingatia:</th> <td>Mwili wa kitendo, inayosema ukubadilika eneo la kushika elementi.</td> </tr> <tr> <th>Muafikio wa CSS:</th> <td>CSS2</td> </tr> </table> </div> <div> <h2>Mfano wa huzusha</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Chrome</th> <th class="bsFirefox">Edge</th> <th class="bsSafari">Firefox</th> <th class="bsOpera">Safari</th> </tr> <tr> <td>Chrome</td> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> </tr> <tr> <td>Opera</td> <td>Opera</td> <td>Opera</td> <td>Opera</td> <td>Opera</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> Msaada <a href="/sw/jsref/prop_style_resize.html" title="Uongozi Style kwa resize">Kwanza</a></li> <li> Pya <a href="/sw/jsref/prop_style_scrollbehavior.html" title="Uongozi Style kwa scrollBehavior">scrollBehavior</a></li> <li> Kutoka juu <a href="/sw/jsref/dom_obj_style.html" title="Kifungu cha HTML DOM Style">Kifungu cha HTML DOM Style</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Kifunzi cha kifaa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Kitabu cha Taarifa cha JavaScript na HTML DOM</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">Mafunzo ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mafunzo ya JavaScript</a></h5> </div> <div><h3><center> Viungo vya msaada </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inaonekana kwa mafunzo na mazoezi, hatukubali kweliwa ya matokeo. Mabaya ya kutumia matokeo ya tovuti haukuchukuliwa na tovuti. Iliyohifadhiwa na haki zote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada CodeW3C.com">Msaada CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Madoa ya uwanja wa kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hukumu">Madoa ya hukumu ya hukumu</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="Inarifuwa na Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>