కోడ్ డబ్ల్యు డబ్ల్యు సి ఆన్లైన్ ట్యూటోరియల్
హ్ట్మ్ల్ సిరీస్ ట్యూటోరియల్
బ్రౌజర్ స్క్రిప్ట్
సర్వర్ స్క్రిప్ట్
ప్రోగ్రామింగ్ ట్యూటోరియల్
ఎక్స్ఎమ్ఎల్ సిరీస్ ట్యూటోరియల్
వెబ్సైట్ మ్యాన్యువల్
రిఫరెన్స్ మ్యాన్యువల్
కోర్సు సబ్లాట్
JS రిఫరెన్స్ హాండ్బుక్
JS రిఫరెన్స్ హాండ్బుక్ (వర్గం క్రమంలో)
JS రిఫరెన్స్ హాండ్బుక్ (అక్షరాక్షరాల క్రమంలో)
JavaScript
JS అరేయ్
JS బౌలియన్
JS క్లాస్
JS డేట్
JS ఎరర్
JS గ్లోబల్
JS JSON
JS మాప్
JS మాథ్
JS నంబర్
JS ప్రమీస్
JS RegExp
JS సెట్
JS స్ట్రింగ్
JS ఆబ్జెక్ట్
JS ఆపరేటర్
JS ఆపరేటర్ ప్రాధాన్యత
JS స్టేట్మెంట్
JS టైపైజ్డ్ అరేయ్
విండో
విండో ఆబ్జెక్ట్
విండో కన్సోల్
విండో హిస్టరీ
విండో లొకేషన్
విండో నావిగేటర్
విండో స్క్రీన్
HTML DOM
HTML డాక్యుమెంట్
HTML ఇలెమెంట్
HTML అట్రిబ్యూట్
HTML ఇవెంట్
HTML ఇవెంట్ ఆబ్జెక్ట్
HTML కలెక్షన్
HTML NodeList
HTML DOMTokenList
HTML స్టైల్
వెబ్ API
API కాన్వాస్
API కన్సోల్
API ఫెచ్
API ఫుల్స్క్రీన్
API జియోలోకేషన్
API హిస్టరీ
API MediaQueryList
API స్టోరేజ్
API పరిశీలన
వెబ్ API
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="/te/jsref/dom_obj_time.html" title="హెచ్టిఎంఎల్ డొమ్ టైమ్ ఆబ్జెక్ట్"><time></a></li> <li><a href="/te/jsref/dom_obj_title.html" title="హెచ్టిఎంఎల్ డొమ్ టైటిల్ ఆబ్జెక్ట్"><title></a></li> <li><a href="/te/jsref/dom_obj_track.html" title="హెచ్టిఎంఎల్ డొమ్ ట్రాక్ ఆబ్జెక్ట్"><track></a></li> <li><a href="/te/jsref/dom_obj_u.html" title="హెచ్టిఎంఎల్ డొమ్ అండర్లైన్ ఆబ్జెక్ట్"><u></a></li> <li><a href="/te/jsref/dom_obj_ul.html" title="హెచ్టిఎంఎల్ డొమ్ అల్ ఆబ్జెక్ట్"><ul></a></li> <li><a href="/te/jsref/dom_obj_var.html" title="హెచ్టిఎంఎల్ డొమ్ వేరియబుల్ ఆబ్జెక్ట్"><var></a></li> <li><a href="/te/jsref/dom_obj_video.html" title="హెచ్టిఎంఎల్ డొమ్ వీడియో ఆబ్జెక్ట్"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/te/jsref/obj_cssstyledeclaration.html" title="సిఎస్ఎస్ స్టైల్ డేక్లరేషన్ ఆబ్జెక్ట్">CSSStyleDeclaration</a></li> <li><a href="/te/jsref/jsref_type_conversion.html" title="జావాస్క్రిప్ట్ టైప్ కన్వర్షన్">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/te/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 height 属性</h1> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/te/jsref/prop_style_fontsizeadjust.html" title="Style fontSizeAdjust 属性">fontSizeAdjust</a></li> <li> 下一页 <a href="/te/jsref/prop_style_isolation.html" title="Style isolation 属性">isolation</a></li> <li> 返回上一层 <a href="/te/jsref/dom_obj_style.html" title="HTML DOM Style 对象">HTML DOM Style 对象</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>height</code> 属性设置或返回元素的高度。</p> <p><code>height</code> 属性仅对块级元素或有绝对或固定位置的元素有效。溢出的内容可以用 <a href="/te/jsref/prop_style_overflow.html" title="Style overflow 属性">overflow 属性</a> 来操作。</p> <p class="tip"><span>提示：</span>请使用 <a href="/te/jsref/prop_style_width.html" title="Style width 属性">width 属性</a> 设置或返回元素的宽度。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/te/css/css_dimension.html" title="CSS 高度和宽度">CSS Dimension</a></p> <p>CSS 教程：<a href="/te/css/css_boxmodel.html" title="CSS 框模型">CSS 框模型</a></p> <p>CSS 参考手册：<a href="/te/cssref/pr_dim_height.html" title="CSS height 属性">height 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>设置 <button> 元素的高度：</p> <pre class="language-js"> document.getElementById("myBtn").style.height = "50px"; </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_height_1">亲自试一试</a></p> <h3>例子 2</h3> <p>改变 <div> 元素的高度：</p> <pre class="language-js"> document.getElementById("myDIV").style.height = "500px"; </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_height_div">亲自试一试</a></p> <h3>例子 3</h3> <p>更改 <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="/te/tiy/t.html?f=jsck_style_height_width">亲自试一试</a></p> <h3>例子 4</h3> <p>返回 <img> 元素的高度：</p> <pre class="language-js"> alert(document.getElementById("myImg").style.height); </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_height_2">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 height 属性：</p> <pre><i>object</i>.style.height</pre> <p>设置 height 属性：</p> <pre><i>object</i>.style.height = "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="/te/cssref/css_initial.html" title="CSS initial 关键字">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>తన పేరిట అనుసరించు ఈ లక్షణము. చూడండి: <a href="/te/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>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="/te/jsref/prop_style_fontsizeadjust.html" title="Style fontSizeAdjust 属性">fontSizeAdjust</a></li> <li> 下一页 <a href="/te/jsref/prop_style_isolation.html" title="Style isolation 属性">isolation</a></li> <li> 返回上一层 <a href="/te/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> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/te/jsref/index.html">జావాస్క్రిప్ట్ మరియు హ్ట్మ్ల్ డామిన్ రిఫరెన్స్ మ్యాన్యువల్</a></h5> <h5 id="tools_example"><a href="/te/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/te/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/te/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="/te/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a> <a href="/te/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a> <a href="/te/about/about_use.html" title="关于使用">使用条款</a> <a href="/te/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> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>