Style verticalAlign 属性

Timetable

JS Manual

JavaScript

Window

HTML DOM

Web API

HTML hufu

</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="HTML DOM Time mwelezo"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="HTML DOM Title mwelezo"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="HTML DOM Track mwelezo"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="HTML DOM Underline mwelezo"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Ul mwelezo"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="HTML DOM Variable mwelezo"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="HTML DOM Video mwelezo"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration mwelezo">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="JavaScript mabaki ya ujenzi">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kikaa kikuu cha CodeW3C.com">Kikaa kikuu cha 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 verticalAlign 属性</h1> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/sw/jsref/prop_style_userselect.html" title="Mabaki ya Style userSelect">userSelect</a></li> <li> 下一页 <a href="/sw/jsref/prop_style_visibility.html" title="Mabaki ya Style visibility">visibility</a></li> <li> 返回上一层 <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa Style cha HTML DOM">Mtu wa Style cha HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>verticalAlign</code> 属性设置或返回元素中内容的垂直对齐方式。</p> <h3>Tunazoea kuangalia:</h3> <p>Mafunzo ya CSS:<a href="/sw/css/css_text.html" title="CSS matukio wa maandiko">CSS matukio wa maandiko</a></p> <p>Kitabu cha mifano cha CSS:<a href="/sw/cssref/pr_pos_vertical-align.html" title="CSS vertical-align mabaki">Jina la vertical-align</a></p> </div> <div> <h2>Mfano</h2> <h3>Mfano 1</h3> <p>Inasababisha kina chake cha kina msingi cha mawingu ya kina chake cha mawingu ya kina chake cha mawingu ya <td> elementi:</p> <pre class="language-js"> document.getElementById("myTd").style.verticalAlign = "bottom"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_verticalalign_1">Kufanya kila kitendo kwa kusikia:</a></p> <h3>Mfano 2</h3> <p>Inaonyesha kina cha kina msingi cha kina chake cha mawingu ya <td> elementi:</p> <pre class="language-js"> alert(document.getElementById("myTd").style.verticalAlign); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_verticalalign_2">Kufanya kila kitendo kwa kusikia:</a></p> </div> <div> <h2>Inasababisha kwa kawaida kwa kufikiria jina ya kigeukia:</h2> <p>Inaonyesha kwa kawaida jina ya verticalAlign:</p> <pre><i>object</i>.style.verticalAlign</pre> <p>Inasababisha kwa kawaida kwa kufikiria jina ya verticalAlign:</p> <pre><i>object</i>.style.verticalAlign = <i>value</i></pre> <h3>Kina cha jina</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Kina</th> <th>Maelezo</th> </tr> <tr> <td><i>length</i></td> <td>Inapangwa kwa nafasi ya kina kwenye namba ya kufikiria. Inaruhusiwa kina cha ngapi.</td> </tr> <tr> <td><i>%</i></td> <td>Inapangwa kwa nafasi ya "line-height" ya kitendo cha namba. Inaruhusiwa kina cha ngapi.</td> </tr> <tr> <td>inherit</td> <td>Inapangwa kwa kina chake cha kina msingi kwa elementi yake ya mengine. Inaonyesha kwa kawaida.</td> </tr> <tr> <td>sub</td> <td>Inapangwa kama kipya cha kina chake cha mawingu.</td> </tr> <tr> <td>super</td> <td>Inapangwa kama kipya cha kina.</td> </tr> <tr> <td>top</td> <td>Kipimo chake cha kufikiria kwa kina kipya cha kina chake cha mawingu.</td> </tr> <tr> <td>text-top</td> <td>Kipimo chake cha kufikiria kwa kina kipya cha familia ya fonti ya elementi yake ya mengine.</td> </tr> <tr> <td>middle</td> <td>Inapangwa kati ya elementi yake ya mengine.</td> </tr> <tr> <td>bottom</td> <td>Kipimo chake cha kufikiria kwa kina msingi wa kina chake cha mawingu.</td> </tr> <tr> <td>text-bottom</td> <td>Kipimo chake cha kufikiria kwa kina msingi wa familia ya fonti ya elementi yake ya mengine.</td> </tr> <tr> <td>initial</td> <td>Inasababisha kwa kawaida kwa kufikiria hii jina. Angalia: <a href="/sw/cssref/css_initial.html" title="CSS kipengele cha initial">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>Inakusanya hii jina kutoka kwa elementi yake ya mengine. Angalia: <a href="/sw/cssref/css_inherit.html" title="CSS kipengele cha inherit">inherit</a>.</td> </tr> </table> </div> <div> <h2>Maelezo ya uharibifu</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Mimewa:</th> <td>inherit</td> </tr> <tr> <th>Matokeo wa kuitwa:</th> <td>Mfano, inayotukia kwa kina msingi wa ujenzi wa elementi.</td> </tr> <tr> <th>CSS 版本：</th> <td>CSS1</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="/sw/jsref/prop_style_userselect.html" title="Mabaki ya Style userSelect">userSelect</a></li> <li> 下一页 <a href="/sw/jsref/prop_style_visibility.html" title="Mabaki ya Style visibility">visibility</a></li> <li> 返回上一层 <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa Style cha HTML DOM">Mtu wa Style cha 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="/sw/jsref/index.html">Kitabu cha Matokeo cha JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/sw/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="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada cha CodeW3C.com">Msaada cha CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Matatizo ya kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hufaa">Matatizo ya hufaa</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="Inaruhusi na Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>