Style right 属性

Time Table

JS Reference Manual

JavaScript

Window

HTML DOM

Web API

HTML ఆబ్జెక్ట్

</a></li> <li><a href="/te/jsref/dom_obj_time.html" title="హెచ్టిఎంఎల్ డొమ్ టైమ్ ఆబ్జెక్ట్"><time></a></li> <li><a href="/te/jsref/dom_obj_title.html" title="హెచ్టిఎంఎల్ డొమ్ టైటిల్ ఆబ్జెక్ట్"><title></a></li> <li><a href="/te/jsref/dom_obj_track.html" title="హెచ్టిఎంఎల్ డొమ్ ట్రాక్ ఆబ్జెక్ట్"><track></a></li> <li><a href="/te/jsref/dom_obj_u.html" title="హెచ్టిఎంఎల్ డొమ్ అండర్లైన్ ఆబ్జెక్ట్"><u></a></li> <li><a href="/te/jsref/dom_obj_ul.html" title="హెచ్టిఎంఎల్ డొమ్ అల్ ఆబ్జెక్ట్"><ul></a></li> <li><a href="/te/jsref/dom_obj_var.html" title="హెచ్టిఎంఎల్ డొమ్ వేరియబుల్ ఆబ్జెక్ట్"><var></a></li> <li><a href="/te/jsref/dom_obj_video.html" title="హెచ్టిఎంఎల్ డొమ్ వీడియో ఆబ్జెక్ట్"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/te/jsref/obj_cssstyledeclaration.html" title="సిఎస్ఎస్ స్టైల్ డేక్లరేషన్ ఆబ్జెక్ట్">CSSStyleDeclaration</a></li> <li><a href="/te/jsref/jsref_type_conversion.html" title="జావాస్క్రిప్ట్ టైప్ కన్వర్షన్">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/te/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 right 属性</h1> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/te/jsref/prop_style_resize.html" title="Style resize 属性">resize</a></li> <li> 下一页 <a href="/te/jsref/prop_style_scrollbehavior.html" title="Style scrollBehavior 属性">scrollBehavior</a></li> <li> 返回上一层 <a href="/te/jsref/dom_obj_style.html" title="HTML DOM Style ఆబ్జెక్ట్">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="/te/jsref/prop_style_left.html" title="Style left 属性">left 属性</a>.</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/te/css/css_positioning.html" title="CSS 布局 - position 属性">CSS 定位</a></p> <p>CSS 参考手册：<a href="/te/cssref/pr_pos_right.html" title="CSS 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="/te/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="/te/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="/te/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>以长度单位定义右侧的位置。允许负值。</td> </tr> <tr> <td><i>%</i></td> <td>以父元素宽度的百分比设置右侧的位置。</td> </tr> <tr> <td>initial</td> <td>将此属性设置为其默认值。请参阅 <a href="/te/cssref/css_initial.html" title="CSS initial 关键字">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>从其父元素继承此属性。请参阅 <a href="/te/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>auto</td> </tr> <tr> <th>తిరిగి వచ్చే విలువ:</th> <td>స్ట్రింగ్ ఆకారంలో పొందుపరచబడిన పొదలు స్థానాన్ని సూచిస్తుంది.</td> </tr> <tr> <th>CSS వెర్షన్:</th> <td>CSS2</td> </tr> </table> </div> <div> <h2>బ్రౌజర్ మద్దతు</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>支持</td> <td>支持</td> <td>支持</td> <td>支持</td> <td>支持</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/te/jsref/prop_style_resize.html" title="Style resize 属性">resize</a></li> <li> 下一页 <a href="/te/jsref/prop_style_scrollbehavior.html" title="Style scrollBehavior 属性">scrollBehavior</a></li> <li> 返回上一层 <a href="/te/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="/te/jsref/index.html">JavaScript మరియు HTML DOM రిఫరెన్స్ హ్యాండ్బుక్</a></h5> <h5 id="tools_example"><a href="/te/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/te/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/te/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="/te/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a> <a href="/te/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a> <a href="/te/about/about_use.html" title="关于使用">使用条款</a> <a href="/te/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>