CodeW3C ఆన్లైన్ పాఠ్యపుస్తకం
HTML శ్రేణి పాఠ్యపుస్తకం
బ్రౌజర్ స్క్రిప్ట్
సర్వర్ స్క్రిప్ట్
ప్రోగ్రామింగ్ పాఠ్యపుస్తకం
XML శ్రేణి పాఠ్యపుస్తకం
నెట్‌వర్క్ మాన్యువల్
పరిచయశాస్త్రి మాన్యువల్
కోర్సు సబ్లిక్
JS రిఫరెన్స్ మాన్యువల్
JS రిఫరెన్స్ మాన్యువల్ (వర్గం క్రమం ప్రకారం)
JS రిఫరెన్స్ మాన్యువల్ (అక్షరాల క్రమం ప్రకారం)
జావాస్క్రిప్ట్
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>
</a></li> <li><a href="/te/jsref/dom_obj_time.html" title="HTML DOM Time ఆబ్జెక్ట్"><time></a></li> <li><a href="/te/jsref/dom_obj_title.html" title="HTML DOM Title ఆబ్జెక్ట్"><title></a></li> <li><a href="/te/jsref/dom_obj_track.html" title="HTML DOM Track ఆబ్జెక్ట్"><track></a></li> <li><a href="/te/jsref/dom_obj_u.html" title="HTML DOM Underline ఆబ్జెక్ట్"><u></a></li> <li><a href="/te/jsref/dom_obj_ul.html" title="HTML DOM Ul ఆబ్జెక్ట్"><ul></a></li> <li><a href="/te/jsref/dom_obj_var.html" title="HTML DOM Variable ఆబ్జెక్ట్"><var></a></li> <li><a href="/te/jsref/dom_obj_video.html" title="HTML DOM Video ఆబ్జెక్ట్"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/te/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ఆబ్జెక్ట్">CSSStyleDeclaration</a></li> <li><a href="/te/jsref/jsref_type_conversion.html" title="JavaScript రకం మార్పు">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 width 属性</h1> <div class="prenextnav-ref"> <ul> <li> ముందస్తు పేజీ <a href="/te/jsref/prop_style_whitespace.html" title="Style whiteSpace లక్షణం">whiteSpace</a></li> <li> తదుపరి పేజీ <a href="/te/jsref/prop_style_wordbreak.html" title="Style wordBreak లక్షణం">wordBreak</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>width</code> 属性设置或返回元素的宽度。</p> <p><code>width</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_height.html" title="Style height లక్షణం">height 属性</a> 设置或返回元素的高度。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/te/css/css_dimension.html" title="CSS కొలత అంశం">CSS కొలత అంశం</a></p> <p>CSS 教程：<a href="/te/css/css_boxmodel.html" title="CSS ఫ్రేమ్ మోడల్">CSS ఫ్రేమ్ మోడల్</a></p> <p>CSS 参考手册：<a href="/te/cssref/pr_dim_width.html" title="CSS width లక్షణం">width 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>设置 <button> 元素的宽度：</p> <pre class="language-js"> document.getElementById("myBtn").style.width = "300px"; </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_width_1">亲自试一试</a></p> <h3>例子 2</h3> <p>更改 <div> 元素的宽度：</p> <pre class="language-js"> document.getElementById("myDIV").style.width = "500px"; </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_width_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.width); </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_width_2">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 width 属性：</p> <pre><i>object</i>.style.width</pre> <p>设置 width 属性：</p> <pre><i>object</i>.style.width = "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">సఫారీ</th> <th class="bsOpera">ఓపెరా</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</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="/te/jsref/prop_style_whitespace.html" title="Style whiteSpace లక్షణం">whiteSpace</a></li> <li> తదుపరి పేజీ <a href="/te/jsref/prop_style_wordbreak.html" title="Style wordBreak లక్షణం">wordBreak</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">JavaScript మరియు HTML DOM పరిచయశాస్త్రి మాన్యువల్</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>