Style bottom 属性

کدووسی کی آن لائن تعلیم

ایچ تی ام ال سیریز تعلیم
براؤزر اسکریپٹ
سرور اسکریپٹ
پروگرامنگ تعلیم
ایکس ایم ال سیریز تعلیم
سائٹ سٹارٹ میکری تعلیم
مراجع دستورات

کورس سکجول

جے ایس مرجع دستاویز

جے ایس مرجع دستاویز (کاٹگوری مرتبت)
جے ایس مرجع دستاویز (حروف مرتبت)

جاپانی اسکریپٹ

جے ایس آرری
جے ایس بولین
جے ایس کلاس
جے ایس ڈیٹ
جے ایس ایرور
جے ایس گلوبل
جے ایس جیسون
جے ایس ماپ
جے ایس ماتھ
جے ایس نمبر
جے ایس پرمنس
جے ایس ریگ اگس
جے ایس سیٹ
جے ایس اسٹرنگ
جے ایس آويجيٹ
جے ایس آپریٹر
جے ایس آپریٹر کی ترجیح
جے ایس اسٹیٹمنٹ
جے ایس تایپیز آويجيٹ

وینڈو

ویندو آپائٹ
وینڈو کنسول
وینڈو هيسٹري
وینڈو لوکیشن
وینڈو ناوگار
وینڈو اسکرین

آپي ڈوم

آپي ڈوکومنٹ
آپي ایليمنٽ
آپي اٹربری
آپي ایونٽ
آپي ایونٽ آويجيٽ
آپي کالکشن
آپي نول ليست
آپي ڈوم توکن ليست
آپي هيل

ويب آپي

آپي کانواس
آپي کنسول
آپي فچ
آپي فول اسکرين
آپي جيولو سيشن
آپي هيسٹري
آپي ميديا کوئيشن ليست
آپي اسٽوريج
آپي واليڈيشن
آپي ويب

آپي آويجيٽ

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
</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 bottom 属性</h1> <div class="prenextnav-ref"> <ul> <li> پچھلے صفحے پر لوٹنے والا <a href="/ur/jsref/prop_style_borderwidth.html" title="Style borderWidth کا خصوصیت">borderWidth</a></li> <li> بعد کا صفحہ <a href="/ur/jsref/prop_style_boxshadow.html" title="Style boxShadow کا خصوصیت">boxShadow</a></li> <li> بالا پر لوٹنے والا <a href="/ur/jsref/dom_obj_style.html" title="ایچ تی ام ال ڈوم اسٹائل آپائٹ">ایچ تی ام ال ڈوم اسٹائل آپائٹ</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>bottom</code> 属性设置或返回定位元素的底部位置。</p> <p class="tip"><span>تذکر،</span>定位元素指的是 position 属性设置为：relative、absolute 或 fixed 的元素。</p> <p class="tip"><span>تذکر،</span>آپ کا پائیدار مقام کا پائیدار مقام بجائی کریں، لطفاً بوتوم کی کیجیت استعمال کریں،</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_bottom.html" title="CSS bottom کا خصوصیت">بوتوم کی کیجیت،</a></p> </div> <div> <h2>مثال،</h2> <h3>مثال 1،</h3> <p>بوتوم کی کیجیت بجائی کریں، <button> علامت کا پائیدار مقام،</p> <pre class="language-js"> document.getElementById("myBtn").style.bottom = "100px"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bottom_1">آپ خود کا تجربہ کریں،</a></p> <h3>مثال 2،</h3> <p>بوتوم کی کیجیت بجائی کریں، <div> علامت کا پائیدار مقام،</p> <pre class="language-js"> document.getElementById("myDiv").style.bottom = "10px"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bottom_div">آپ خود کا تجربہ کریں،</a></p> <h3>مثال 3،</h3> <p>منفی قیمت - <div> علامت کا پائیدار مقام بجائی کریں،</p> <pre class="language-js"> document.getElementById("myDiv").style.bottom = "-100px"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bottom_2">آپ خود کا تجربہ کریں،</a></p> <h3>مثال 4،</h3> <p>بوتوم کی کیجیت بازگشتی کریں، <div> علامت کا پائیدار مقام،</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.bottom); </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bottom_3">آپ خود کا تجربہ کریں،</a></p> </div> <div> <h2>زبان،</h2> <p>بوتوم کی کیجیت بازگشتی کریں،</p> <pre><i>object</i>.style.bottom</pre> <p>بوتوم کی کیجیت بجائی کریں،</p> <pre><i>object</i>.style.bottom = "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_borderwidth.html" title="Style borderWidth کا خصوصیت">borderWidth</a></li> <li> بعد کا صفحہ <a href="/ur/jsref/prop_style_boxshadow.html" title="Style boxShadow کا خصوصیت">boxShadow</a></li> <li> بالا پر لوٹنے والا <a href="/ur/jsref/dom_obj_style.html" title="ایچ تی ام ال ڈوم اسٹائل آپائٹ">ایچ تی ام ال ڈوم اسٹائل آپائٹ</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">جاوا اسکریپت اور ایچ تی ام ال ڈوم مراجع دستورات</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="مصنف کیوکد کی سہولت"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>