Mafunzo ya CodeW3C Kwenye Mwongozo
Mafunzo ya HTML
Mshairi wa Mfano wa Mfumo wa Kuchagua
Mshairi wa Mfano wa Server
Mafunzo ya Kifunzi cha Kifunzi
Mafunzo ya XML
Kitabu cha Kuchagua Mawasiliano ya Weba
Kitabu cha Mafunzo
Jadwala la Mfano
Kitabu cha Mwongozo cha JS
Kitabu cha Mwongozo cha JS (kufuatia kikundi)
Kitabu cha Mwongozo cha JS (kufuatia haraka la herufi)
JavaScript
Array ya JS
Boolean ya JS
Class ya JS
Tarehe ya JS
Kosa ya JS
Global ya JS
JSON ya JS
Map ya JS
Math ya JS
Number ya JS
Promise ya JS
RegExp ya JS
Set ya JS
Mwili wa JS
Mfano wa JS
Vifaa ya JS
Mwongozo wa Vifaa ya JS
Matanganyika ya JS
Makundi ya Tungaji ya JS
Window
Mtuaji wa Window
Console ya Window
History ya Window
Location ya Window
Navigator ya Window
Screen ya Window
DOM wa HTML
Dokumenti wa HTML
Element wa HTML
Attribute wa HTML
Event wa HTML
Mfano wa Event wa HTML
Collection wa HTML
NodeList wa HTML
DOMTokenList wa HTML
Mistyle wa HTML
API ya Web
API ya Canvas
API ya Console
API ya Fetch
API ya Fullscreen
API ya Geolocation
API ya History
API ya MediaQueryList
API ya Storage
API ya Validation
API ya Web
Mfano wa HTML
<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>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="HTML DOM Time mti"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="HTML DOM Title mti"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="HTML DOM Track mti"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="HTML DOM Underline mti"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Ul mti"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="HTML DOM Variable mti"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="HTML DOM Video mti"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration mti">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="JavaScript ujenzi wa ukubadilika wa aina">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kizi ya CodeW3C.com">Kizi ya 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 height 属性</h1> <div class="prenextnav-ref"> <ul> <li> Marudifu <a href="/sw/jsref/prop_style_fontsizeadjust.html" title="Mwili wa Style fontSizeAdjust">fontSizeAdjust</a></li> <li> Pya <a href="/sw/jsref/prop_style_isolation.html" title="Mwili wa Style isolation">isolation</a></li> <li> Rudi kufikia ukubuni <a href="/sw/jsref/dom_obj_style.html" title="Mtuaji wa Style ya HTML DOM">Mtuaji wa Style ya HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>height</code> 属性设置或返回元素的高度。</p> <p><code>height</code> 属性仅对块级元素或有绝对或固定位置的元素有效。溢出的内容可以用 <a href="/sw/jsref/prop_style_overflow.html" title="Mwili wa Style overflow">Kina cha overflow</a> kwa kumtumika.</p> <p class="tip"><span>Maelezo:</span>Tumia <a href="/sw/jsref/prop_style_width.html" title="Mwili wa Style width">Kina cha width</a> Kumtaarisha au kumtaarisha ukingo wa kina cha kina.</p> <h3>Tazama pia:</h3> <p>Makao ya CSS:<a href="/sw/css/css_dimension.html" title="Kipimo cha CSS kwa kipimo na kijumui">CSS Dimension</a></p> <p>Makao ya CSS:<a href="/sw/css/css_boxmodel.html" title="Mfumo wa kifungu cha CSS">Mfumo wa kifungu cha CSS</a></p> <p>Maelezo ya CSS:<a href="/sw/cssref/pr_dim_height.html" title="Mwili wa CSS kwa kipimo">Kina cha height</a></p> </div> <div> <h2>Mfano</h2> <h3>Mfano 1</h3> <p>Kumtaarisha umbo wa kimo wa kina <button>:</p> <pre class="language-js"> document.getElementById("myBtn").style.height = "50px"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_height_1">Tafiri mwenyewe</a></p> <h3>Mfano 2</h3> <p>Kumtaarisha umbo wa kimo wa kina <div>:</p> <pre class="language-js"> document.getElementById("myDIV").style.height = "500px"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_height_div">Tafiri mwenyewe</a></p> <h3>Mfano 3</h3> <p>Kumtaarisha umbo wa kimo na ukingo wa kina <img>:</p> <pre class="language-js"> document.getElementById("myImg").style.height = "300px"; document.getElementById("myImg").style.width = "300px"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_height_width">Tafiri mwenyewe</a></p> <h3>Mfano 4</h3> <p>Kumtaarisha umbo wa kimo wa kina <img>:</p> <pre class="language-js"> alert(document.getElementById("myImg").style.height); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_height_2">Tafiri mwenyewe</a></p> </div> <div> <h2>Maelezo ya lugha</h2> <p>Kumtaarisha kina cha height:</p> <pre><i>object</i>.style.height</pre> <p>Kumtaarisha kina cha height:</p> <pre><i>object</i>.style.height = "auto|<i>length</i>|<i>%</i>|initial|inherit"</pre> <h3>Chaguo cha kina</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Watumika</th> <th>Maelezo</th> </tr> <tr> <td>auto</td> <td>Mfano wa kina wa kuzingatia. Chaguo cha kuzingatia.</td> </tr> <tr> <td><i>length</i></td> <td>Kumtaarisha umbo wa kimo kwa ukweli wa ukingo.</td> </tr> <tr> <td><i>%</i></td> <td>Kumtaarisha umbo wa kimo cha kina cha baba kwa namba za pondo.</td> </tr> <tr> <td>initial</td> <td>Kuweka kina hii kama chaguo cha kuzingatia. Angalia <a href="/sw/cssref/css_initial.html" title="Kichwa cha CSS kwa kifupi">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>Kuweka kina hii kama kina cha baba kwa kumtumika kina hii. Angalia <a href="/sw/cssref/css_inherit.html" title="Kichwa cha CSS kwa kuzikubaliana">inherit</a>.</td> </tr> </table> </div> <div> <h2>Maelezo ya vifaa</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Chaguo cha kuzingatia:</th> <td>auto</td> </tr> <tr> <th>Matokeo:</th> <td>Tafuta kwa kumtaarisha umbo wa kimo cha kina.</td> </tr> <tr> <th>Jina cha CSS:</th> <td>CSS1</td> </tr> </table> </div> <div> <h2>Mfano wa kuchukua</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>Mwongozo</td> <td>Mwongozo</td> <td>Mwongozo</td> <td>Mwongozo</td> <td>Mwongozo</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> Marudifu <a href="/sw/jsref/prop_style_fontsizeadjust.html" title="Mwili wa Style fontSizeAdjust">fontSizeAdjust</a></li> <li> Pya <a href="/sw/jsref/prop_style_isolation.html" title="Mwili wa Style isolation">isolation</a></li> <li> Rudi kufikia ukubuni <a href="/sw/jsref/dom_obj_style.html" title="Mtuaji wa Style ya HTML DOM">Mtuaji wa Style ya HTML DOM</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifunzi cha vifaa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Kitabu cha Mafunzo ya JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Majadiliano ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mafunzo ya JavaScript</a></h5> </div> <div><h3><center> Vituo vya mshambuliaji </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inaonyesha kwa mafunzo na mafanikio, hayafikia kufikiria kwamba matokeo haya ni sahihi. Risiko ambalo linaingia kwa kutumia matokeo ya tovuti hii linatumiwa na tovuti hii. Hisia yote inahifadhiwa, na inahifadhiwa hisia zote. </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="Tukio cha CodeW3C.com">Tukio cha CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mawachukuzi wa kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hitilafu">Mawachukuzi ya hitilafu</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="Inaripwa na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>