Style verticalAlign 属性

جدول زمانی

دستورالعمل جاوااسکریپت

جاوااسکریپت

ویندوز

DOM HTML

API وب

HTML آئیٹم

</a></li> <li><a href="/ur/jsref/dom_obj_time.html" title="اہلم ڈوم ٹائم اوبجیکٹ"><time></a></li> <li><a href="/ur/jsref/dom_obj_title.html" title="اہلم ڈوم ٹائٹل اوبجیکٹ"><title></a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="اہلم ڈوم ٹریک اوبجیکٹ"><track></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="اہلم ڈوم ینڈرلائن اوبجیکٹ"><u></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="اہلم ڈوم یل اوبجیکٹ"><ul></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="اہلم ڈوم ویریبل اوبجیکٹ"><var></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="اہلم ڈوم ویڈیو اوبجیکٹ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ur/jsref/obj_cssstyledeclaration.html" title="سی ایس ایس سٹائل ڈیکلریشن اوبجیکٹ">CSSStyleDeclaration</a></li> <li><a href="/ur/jsref/jsref_type_conversion.html" title="جاوااسکریپٹ کی نوعیت تبدیلی">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ur/howto/index.html" title="کدوو3 سی کام کا کٹائی جعلی">کدوو3 سی کام کا کٹائی جعلی</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 verticalAlign 属性</h1> <div class="prenextnav-ref"> <ul> <li> پچھلے صفحے کو واپس لوٹنے کے لئے <a href="/ur/jsref/prop_style_userselect.html" title="استایل یوزر سلیکت پرنتیجی">یوزر سلیکت</a></li> <li> آئندہ صفحہ <a href="/ur/jsref/prop_style_visibility.html" title="استایل ویزیبل پرنتیجی">ویزیبل</a></li> <li> پچھلے عرصے کو واپس لوٹنے کے لئے <a href="/ur/jsref/dom_obj_style.html" title="موضوع Style HTML DOM">موضوع Style HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>verticalAlign</code> 属性设置或返回元素中内容的垂直对齐方式。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/ur/css/css_text.html" title="سی ایس ایس متن">سی ایس ایس متن</a></p> <p>CSS 参考手册：<a href="/ur/cssref/pr_pos_vertical-align.html" title="سی ایس ایس ورسٹلائن پرنتیجی">vertical-align 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>将表格中某些文本的垂直对齐方式设置为 "bottom"：</p> <pre class="language-js"> document.getElementById("myTd").style.verticalAlign = "bottom"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_verticalalign_1">亲自试一试</a></p> <h3>例子 2</h3> <p>返回 <td> 元素的垂直对齐方式：</p> <pre class="language-js"> alert(document.getElementById("myTd").style.verticalAlign); </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_verticalalign_2">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 verticalAlign 属性：</p> <pre><i>object</i>.style.verticalAlign</pre> <p>设置 verticalAlign 属性：</p> <pre><i>object</i>.style.verticalAlign = <i>value</i></pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td><i>length</i></td> <td>将元素升高或降低指定的长度。允许负值。</td> </tr> <tr> <td><i>%</i></td> <td>以 "line-height" 属性的百分比升高或降低元素。允许负值。</td> </tr> <tr> <td>baseline</td> <td>将元素的基线与父元素的基线对齐。默认。</td> </tr> <tr> <td>sub</td> <td>作为下标来对齐元素。</td> </tr> <tr> <td>super</td> <td>作为上标来对齐元素。</td> </tr> <tr> <td>top</td> <td>元素的顶部与行中最高元素的顶部对齐。</td> </tr> <tr> <td>text-top</td> <td>元素的顶部与父元素字体的顶部对齐。</td> </tr> <tr> <td>middle</td> <td>元素放置在父元素的中间。</td> </tr> <tr> <td>bottom</td> <td>元素的底部与行中的最低元素对齐。</td> </tr> <tr> <td>text-bottom</td> <td>元素的底部与父元素的字体底部对齐。</td> </tr> <tr> <td>initial</td> <td>اس کی مقصدی کا اصل کا اپنا لیتا ہے۔ دیکھئے <a href="/ur/cssref/css_initial.html" title="سی ایس ایس ابتدائی کلیدی الفاظ">initial</a>۔</td> </tr> <tr> <td>inherit</td> <td>اس کی اصل عنصر سے اس کا اپنایا جاتا ہے۔ دیکھئے <a href="/ur/cssref/css_inherit.html" title="سی ایس ایس ورجین کلیدی الفاظ">inherit</a>۔</td> </tr> </table> </div> <div> <h2>تکنیکی تفصیلات</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">مقصد:</th> <td>baseline</td> </tr> <tr> <th>بائیکس:</th> <td>لفظ، کے تحت عناصر میں کانٹنٹ کا عمودی آؤٹ لائن کو ظاہر کرتا ہے。</td> </tr> <tr> <th>سی ایس ایس ورژن:</th> <td>سی ایس ایس1</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_userselect.html" title="استایل یوزر سلیکت پرنتیجی">یوزر سلیکت</a></li> <li> آئندہ صفحہ <a href="/ur/jsref/prop_style_visibility.html" title="استایل ویزیبل پرنتیجی">ویزیبل</a></li> <li> پچھلے عرصے کو واپس لوٹنے کے لئے <a href="/ur/jsref/dom_obj_style.html" title="موضوع Style HTML DOM">موضوع Style HTML DOM</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">جاوااسکریپٹ مثال</a></h5> <h5 id="tools_quiz"><a href="/ur/js/js_quiz.html">جاوااسکریپٹ امتحان</a></h5> <h5 id="tools_tutorial"><a href="/ur/js/index.html">جاوااسکریپٹ تعلیم</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"> کدوو3 سی کام سے فراہم کی گئی محتوائیں تربیت اور ٹیسٹ کے لئے صرف کی جاتی ہیں، صحت کی ضمانت نہیں دی جاتی ہے۔ اس سائٹ کا استعمال کے ذریعے آئیئن کی جگہ کی خطرات اس سائٹ سے منفرد ہیں۔ تمام حقوق محفوظ، تمام حقوق رکھا گیا ہے۔ </p> <p id="p2"> <a href="/ur/about/index.html" title="کدوو3 سی کام کے بارے میں">کدوو3 سی کام کے بارے میں</a> <a href="/ur/about/about_helping.html" title="کدوو3 سی کام کی مدد">کدوو3 سی کام کی مدد</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>