Style right 属性

جدول درس

دستورالعمل‌های مرجع JS

JavaScript

Window

HTML DOM

API وب

HTML اُبجٹ

</a></li> <li><a href="/ur/jsref/dom_obj_time.html" title="HTML DOM Time اُبجیکٹ"><time></a></li> <li><a href="/ur/jsref/dom_obj_title.html" title="HTML DOM Title اُبجیکٹ"><title></a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="HTML DOM Track اُبجیکٹ"><track></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="HTML DOM Underline اُبجیکٹ"><u></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="HTML DOM Ul اُبجیکٹ"><ul></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="HTML DOM Variable اُبجیکٹ"><var></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="HTML DOM Video اُبجیکٹ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ur/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration اُبجیکٹ">CSSStyleDeclaration</a></li> <li><a href="/ur/jsref/jsref_type_conversion.html" title="JavaScript کی نوع تبدیلی">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ur/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="/ur/jsref/prop_style_resize.html" title="Style resize پرزویسی">resize</a></li> <li> بعد کا پہلا صفحہ <a href="/ur/jsref/prop_style_scrollbehavior.html" title="Style scrollBehavior پرزویسی">scrollBehavior</a></li> <li> کام کی سطح پر واپس جائیئے <a href="/ur/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="/ur/jsref/prop_style_left.html" title="Style left پرزویسی">left 属性</a>۔</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/ur/css/css_positioning.html" title="CSS کا بلانج کیماٹ پرزویسی">CSS 定位</a></p> <p>CSS 参考手册：<a href="/ur/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="/ur/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="/ur/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="/ur/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="/ur/cssref/css_initial.html" title="CSS initial کلیدی جگہ">initial</a>۔</td> </tr> <tr> <td>inherit</td> <td>اس کی پدر عنصر سے اس کا حصول کریں اور دیکھیئے <a href="/ur/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">کروم</th> <th class="bsEdge">ایج</th> <th class="bsFirefox">فائرفاکس</th> <th class="bsSafari">سافری</th> <th class="bsOpera">آپریا</th> </tr> <tr> <td>کروم</td> <td>ایج</td> <td>فائرفاکس</td> <td>سافری</td> <td>آپریا</td> </tr> <tr> <td>مستند</td> <td>مستند</td> <td>مستند</td> <td>مستند</td> <td>مستند</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> پچھلے پہلا صفحہ <a href="/ur/jsref/prop_style_resize.html" title="Style resize پرزویسی">resize</a></li> <li> بعد کا پہلا صفحہ <a href="/ur/jsref/prop_style_scrollbehavior.html" title="Style scrollBehavior پرزویسی">scrollBehavior</a></li> <li> کام کی سطح پر واپس جائیئے <a href="/ur/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="/ur/jsref/index.html">JavaScript 和 HTML DOM 参考手册</a></h5> <h5 id="tools_example"><a href="/ur/js/js_examples.html">JavaScript مثال</a></h5> <h5 id="tools_quiz"><a href="/ur/js/js_quiz.html">JavaScript امتحان</a></h5> <h5 id="tools_tutorial"><a href="/ur/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="/ur/about/index.html" title="کمپنی CodeW3C.com کا بارہم">کمپنی CodeW3C.com کا بارہم</a> <a href="/ur/about/about_helping.html" title="کمپنی CodeW3C.com کی مدد">کمپنی CodeW3C.com کی مدد</a> <a href="/ur/about/about_use.html" title="کمپنی کا استعمال">استعمال شرط</a> <a href="/ur/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>