Muungano wa CodeW3C Kueleza Ujumbe
Kisasi za HTML
Mshairi wa Mfumo wa Kifunguza
Mshairi wa Mfumo wa Serikali
Kisasi za Programu
Kisasi za XML
Vitabu vya Kuchagua Mawasiliano
Vitabu vya Toleo
Jadwa la Mziko
Kitabu cha Mwongozo cha JS
Kitabu cha Mwongozo cha JS (kufuatia kikundi)
Kitabu cha Mwongozo cha JS (kufuatia haraka ya alfabeti)
JavaScript
Array wa JS
Boolean wa JS
Class wa JS
Tarehe wa JS
Kosa wa JS
Makini wa JS
JSON wa JS
Map wa JS
Math wa JS
Number wa JS
Promise wa JS
RegExp wa JS
Set wa JS
Mwili wa JS
Mfano wa JS
Madai wa JS
Madai ya Mafanikio wa JS
Aina ya Matiko wa JS
Makini wa Tafadhali wa JS
Window
Mtu wa Window
Console ya Window
History ya Window
Location ya Window
Navigator ya Window
Screen ya Window
DOM wa HTML
Dokumento wa HTML
Element wa HTML
Mwili wa HTML
Event wa HTML
Mfano wa Event wa HTML
Collection wa HTML
NodeList wa HTML
DOMTokenList wa HTML
Style 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>
</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 uandikaji">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kikilio cha CodeW3C.com">Kikilio 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 backgroundSize 属性</h1> <div class="prenextnav-ref"> <ul> <li> Kabla kwenye <a href="/sw/jsref/prop_style_backgroundorigin.html" title="Mfano wa backfaceVisibility wa Style">backgroundOrigin</a></li> <li> Pya kwenye <a href="/sw/jsref/prop_style_backfacevisibility.html" title="Mfano wa backfaceVisibility wa Style">backfaceVisibility</a></li> <li> Rudi kwa ukweli wa juu <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa Style ya HTML DOM">Mtu wa Style ya HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>backgroundSize</code> 属性设置或返回背景图像的大小。</p> <h3>另请参阅：</h3> <p>HTML 样式：<a href="/sw/jsref/prop_style_background.html" title="Mfano wa background wa Style">background 属性</a></p> <p>CSS 教程：<a href="/sw/css/css_background.html" title="Mfano wa mabaki ya CSS">Mfano wa mabaki ya CSS</a></p> <p>CSS3 教程：<a href="/sw/css/backgrounds.html" title="Mfano wa mabaki ya CSS">CSS3 背景</a></p> <p>CSS 参考手册：<a href="/sw/cssref/pr_background-size.html" title="Mfano wa background-size wa CSS">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="/sw/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|intial|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="/sw/cssref/css_initial.html" title="Mfano wa uawaishe wa CSS">initial</a>background-size ya kina</td> </tr> <tr> <td>inherit</td> <td>从其父元素继承此属性。请参阅 <a href="/sw/cssref/css_inherit.html" title="Mfano wa kumwambia wa CSS">inherit</a>background-size ya kina</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="/sw/cssref/pr_background-size.html" title="Mfano wa background-size wa CSS">background-size 属性</a>background-size ya kina</td> </tr> <tr> <th>.</th> <td>CSS Version:</td> </tr> </table> </div> <div> <h2>Wakati wa kusoma wa mifumo, CSS3</h2> <p><code>backgroundSize</code> ni muhimu wa CSS3 (1999) ya kina.</p> <p>Watakuwa na wakati wa kila mifumo wa kusoma, wengi wengi wana kusimamia hii:</p> <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> <th class="bsIE">IE</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> <td>IE</td> </tr> <tr> <td>wahukuza</td> <td>wahukuza</td> <td>wahukuza</td> <td>wahukuza</td> <td>wahukuza</td> <td>11</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> Kabla kwenye <a href="/sw/jsref/prop_style_backgroundorigin.html" title="Mfano wa backfaceVisibility wa Style">backgroundOrigin</a></li> <li> Pya kwenye <a href="/sw/jsref/prop_style_backfacevisibility.html" title="Mfano wa backfaceVisibility wa Style">backfaceVisibility</a></li> <li> Rudi kwa ukweli wa juu <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa Style ya HTML DOM">Mtu 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> Kifaa cha kifaa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Vitabu vya Toleo vya 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">Muajabu wa JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mwongozo wa JavaScript</a></h5> </div> <div><h3><center> Mtaalamu wa msingi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inatumiwa kwa mafunzo na mchakato, hatuwaangalia kweli wa matokeo. Risiko ambayo linaingia kwa kutumia matokeo hii hayana kama ya tovuti hii. Hata hazishiriki hisia za haki za mawasiliano, hata hivyo. </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 wa CodeW3C.com">Msaada wa CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mshahara wa kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hukumu">Mshahara wa hukumu</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="Inariki na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>