CodeW3C အွန်လိုင်း ကြည့်တွေ့
HTML စံအုပ် ကြည့်တွေ့
ဘာသာသံ စက်မှု
ပြင်းထန့်ခြင်း စက်မှု
ပုံစံကုန်း ကြည့်တွေ့
XML စံအုပ် ကြည့်တွေ့
ဝက်စာ ဘာသာစကား
ကိုးကွယ်ရာ ဘာသာစကား
အခန်းများ
JS ကိုးကားရာ
JS ကိုးကားရာ အမျိုးအစား
JS ကိုးကားရာ အောင်စဥ်
JavaScript
JS အေက်ဥ်
JS Boolean
JS အမျိုးအစား
JS ရုံး
JS အမှား
JS ကွပ်ကဲ
JS JSON
JS Map
JS Math
JS အရာ
JS Promise
JS RegExp
JS Set
JS စကေး
JS အိုက်အိုဂ်စတန်
JS အချက်အလက်
JS အချက်အလက် ပြင်းအား
JS ဖော်ပြ
JS အချက်အလက် ပြက္ခဒိန်
Window
Window အပျက်
Window စက်မှုအချက်အလက်
Window သမိုင်း
Window စင်းပိုင်း
Window လော့သတ်ပုံ
Window ပုံသဏ္ဌာန်
HTML DOM
HTML အုပ်ချုပ်
HTML အဆို
HTML အက်ပ်တာ
HTML အချက်အလက်
HTML အချက်အလက် အိုက်အိုဂ်စတန်
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML စံပါး
Web API
API Canvas
API စက်မှုအချက်အလက်
API Fetch
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="/my/jsref/dom_obj_time.html" title="HTML DOM Time အကို"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အကို"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အကို"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အကို"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အကို"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အကို"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အကို"><video></a></li> </ul> <h2>အခြား ကြည့်ရန်</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အကို">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမှုန်ပြောင်းလဲကြောင်း">JS အကွဲအပြား</a></li> </ul> </div> <div><h3><center> ကျမ်း </center><h3> <h2>တက်ရောက်တာ ကျမ်း</h2> <ul> <li><a href="/my/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="/my/jsref/prop_style_backgroundorigin.html" title="Style backgroundOrigin ဗဟုသုတ">backgroundOrigin</a></li> <li> နောက်ပိုင်း ပိုင်း <a href="/my/jsref/prop_style_backfacevisibility.html" title="Style backfaceVisibility ဗဟုသုတ">backfaceVisibility</a></li> <li> အဆင်းတက်သွား <a href="/my/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="/my/jsref/prop_style_background.html" title="Style background ဗဟုသုတ">background သဘောတရား</a></p> <p>ဆိုက်ကျူး ဖော်ပြ<a href="/my/css/css_background.html" title="CSS နိုင်ငံရေး">CSS နိုင်ငံရေး</a></p> <p>ဆိုက်ကျူး 3 ဖော်ပြ<a href="/my/css/backgrounds.html" title="CSS ပေါင်းလုံး နိုင်ငံရေး">ဆိုက်ကျူး 3 နောက်ခံ</a></p> <p>ဆိုက်ကျူး စာရင်းသင်္ချာ<a href="/my/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="/my/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="/my/cssref/css_initial.html" title="CSS initial လက်ဆုံးစကား">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>အသင်းအဖွဲ့ ကိုယ်စားပြု သဘောတရား ချဲ့ကျင်းပါတယ်။ ကျမ်းကို ကြည့်ပါ: <a href="/my/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="/my/cssref/pr_background-size.html" title="CSS background-size ဗဟုသုတ">background-size သဘောတရား</a>。</td> </tr> <tr> <th>ဆိုက်ကျူး ပုံစံ:</th> <td>ဆိုက်ကျူး 3</td> </tr> </table> </div> <div> <h2>ဘရောက်သုတ် ထောက်ခံ</h2> <p><code>backgroundSize</code> ဖြစ်ပါတယ် ဆိုက်ကျူး 3 (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="/my/jsref/prop_style_backgroundorigin.html" title="Style backgroundOrigin ဗဟုသုတ">backgroundOrigin</a></li> <li> နောက်ပိုင်း ပိုင်း <a href="/my/jsref/prop_style_backfacevisibility.html" title="Style backfaceVisibility ဗဟုသုတ">backfaceVisibility</a></li> <li> အဆင်းတက်သွား <a href="/my/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="/my/jsref/index.html">JavaScript နှင့် HTML DOM ကိုးကွယ်ရာ ဘာသာစကား</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အကြောင်းကြား</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/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="/my/about/index.html" title="အချက်အလက် CodeW3C.com က အသုံးပြုခြင်း နှင့် ပတ်သက်၍ အကျိုးခံရသည့် အကျွန်းတိုက် သည် အဆိုပါ ဝက်စု နှင့် မတူညီပါ။ အခြေခံ ပြင်းအားလုံး အခွင့်အရေး အားလုံး ကျန်ရှိပါသည်။">အချက်အလက် CodeW3C.com က အသုံးပြုခြင်း နှင့် ပတ်သက်၍ အကျိုးခံရသည့် အကျွန်းတိုက် သည် အဆိုပါ ဝက်စု နှင့် မတူညီပါ။ အခြေခံ ပြင်းအားလုံး အခွင့်အရေး အားလုံး ကျန်ရှိပါသည်။</a> <a href="/my/about/about_helping.html" title="အကူအညီ CodeW3C.com">အကူအညီ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အချက်အလက် အသုံးပြုခြင်း">အသုံးပြုခြင်း သဘောတရား</a> <a href="/my/about/about_privacy.html" title="သတင်းအချက် CodeW3C.com">သတင်းအချက် သဘောတရား</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>