CodeW3C ఆన్లైన్ ట్యూటోరియల్
HTML సిరీస్ ట్యూటోరియల్
బ్రౌజర్ స్క్రిప్ట్
సెర్వర్ స్క్రిప్ట్
ప్రోగ్రామింగ్ ట్యూటోరియల్
XML సిరీస్ ట్యూటోరియల్
స్టాండర్డ్ సైట్ హ్యాండ్బుక్
రిఫరెన్స్ హ్యాండ్బుక్
కోర్సు పట్టిక
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>
</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 backgroundSize గుణం</h1> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/te/jsref/prop_style_backgroundorigin.html" title="Style backgroundOrigin 属性">backgroundOrigin</a></li> <li> 下一页 <a href="/te/jsref/prop_style_backfacevisibility.html" title="Style backfaceVisibility 属性">backfaceVisibility</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>backgroundSize</code> గుణాంశం అమరికలు లేదా బ్యాక్‌గ్రౌండ్ చిత్రం కొలతను తిరిగి పొందు:</p> <h3>మరియు ఇతర పరికరాలు చూడండి:</h3> <p>HTML స్టైల్స్:<a href="/te/jsref/prop_style_background.html" title="Style background 属性">background గుణం</a></p> <p>CSS శిక్షణా మార్గం:<a href="/te/css/css_background.html" title="CSS 背景">CSS 背景</a></p> <p>CSS3 శిక్షణా మార్గం:<a href="/te/css/backgrounds.html" title="CSS 多重背景">CSS3 బ్యాక్‌గ్రౌండ్</a></p> <p>CSS పరికరాల మాదిరి గ్రంథం:<a href="/te/cssref/pr_background-size.html" title="CSS background-size 属性">background-size గుణం</a></p> </div> <div> <h2>ఉదాహరణ</h2> <p>బ్యాక్‌గ్రౌండ్ చిత్రం కొలతను నిర్ధారించు:</p> <pre class="language-js"> document.getElementById("myDIV").style.backgroundSize = "60px 120px"; </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_backgroundsize">ప్రయోగించండి</a></p> </div> <div> <h2>సింథాక్స్</h2> <p>backgroundSize గుణాన్ని తిరిగి పొందు:</p> <pre><i>object</i>.style.backgroundSize</pre> <p>backgroundSize గుణాన్ని అమర్చు:</p> <pre><i>object</i>.style.backgroundSize = "auto|<i>length</i>|cover|contain|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> <p>బ్యాక్‌గ్రౌండ్ చిత్రం వెడల్పును మరియు పొడవును అమర్చు.</p> <p>మొదటి విలువ వెడల్పును అమర్చు, రెండవ విలువ పొడవును అమర్చు.</p> <p>ఒక విలువ ఇచ్చినప్పుడు, రెండవ విలువను "auto" గా అమర్చు.</p> </td> </tr> <tr> <td><i>percentage</i></td> <td> <p>పేరెంట్ అంశం పెర్సెంట్లలో బ్యాక్‌గ్రౌండ్ చిత్రం వెడల్పును మరియు పొడవును అమర్చు.</p> <p>మొదటి విలువ వెడల్పును అమర్చు, రెండవ విలువ పొడవును అమర్చు.</p> <p>ఒక విలువ ఇచ్చినప్పుడు, రెండవ విలువను "auto" గా అమర్చు.</p> </td> </tr> <tr> <td>cover</td> <td> <p>బ్యాక్‌గ్రౌండ్ చిత్రాన్ని అత్యంత పెద్ద కొలతకు కలుపుతుంది, బ్యాక్‌గ్రౌండ్ రీజన్ పూర్తిగా బ్యాక్‌గ్రౌండ్ చిత్రం చుట్టబడుతుంది.</p> <p>బ్యాక్‌గ్రౌండ్ చిత్రం కొన్ని భాగాలు బ్యాక్‌గ్రౌండ్ స్థానాన్ని కలిగి ఉండవచ్చు.</p> </td> </tr> <tr> <td>contain</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>స్ట్రింగ్ ఆకారం, దీనికి అనుబంధించిన అంశాలు పేర్కొన్నారు <a href="/te/cssref/pr_background-size.html" title="CSS background-size 属性">background-size గుణం</a>.</td> </tr> <tr> <th>CSS సంస్కరణ:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>బ్రౌజర్ మద్దతు</h2> <p><code>backgroundSize</code> ఇది CSS3 (1999) లక్షణం.</p> <p>అన్ని బ్రౌజర్లు దానిని పూర్తిగా మద్దతు ఇస్తాయి:</p> <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> <th class="bsIE">IE</th> </tr> <tr> <td>క్రోమ్</td> <td>ఎడ్జ్</td> <td>ఫైర్ఫాక్స్</td> <td>సఫారీ</td> <td>ఆపెరా</td> <td>IE</td> </tr> <tr> <td>మద్దతు</td> <td>మద్దతు</td> <td>మద్దతు</td> <td>మద్దతు</td> <td>మద్దతు</td> <td>11</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/te/jsref/prop_style_backgroundorigin.html" title="Style backgroundOrigin 属性">backgroundOrigin</a></li> <li> 下一页 <a href="/te/jsref/prop_style_backfacevisibility.html" title="Style backfaceVisibility 属性">backfaceVisibility</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>