ကိုယ်စားပြုထားသော CodeW3C အွန်လိုင်း စာပေ
HTML စာပေ စာရင်း
ဘာသာသား အစီအစဉ်
အန်သား အစီအစဉ်
ပြည်ထောင်စု စာပေ စာရင်း
XML စာပေ စာရင်း
ဝတ္ထု စာပေ
စာကြည့် စာရင်း
အကွက်ဆောင်
JS အစီအစဉ်
JS အစီအစဉ် အမျိုးအစား
JS အစီအစဉ် အမှတ်လက္ခဏာ
JavaScript
JS Array
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 Console
Window သမိုင်း
Window Location
Window Navigator
Window အဆိုပါ
HTML DOM
HTML အချုပ်
HTML အကွက်
HTML အခြေအထိုး
HTML အခမ်းအနား
HTML အခမ်းအနား အပုံအခု
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML အော်ဒီယို
Web API
API Canvas
API Console
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>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
</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 left 属性</h1> <div class="prenextnav-ref"> <ul> <li> အဆင်းအတန်း ပြန်လည် <a href="/my/jsref/prop_style_justifycontent.html" title="Style justifyContent အကို">justifyContent</a></li> <li> နောက်ဆုံး စား <a href="/my/jsref/prop_style_letterspacing.html" title="Style letterSpacing အကို">letterSpacing</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>left</code> 属性设置或返回定位元素的左侧位置。</p> <p>该属性规定元素的左侧位置，包括内边距、滚动条、边框和外边距。</p> <p class="tip"><span>提示：</span>定位元素是 position 属性设置为：<code>relative</code>、<code>absolute</code> 或 <code>fixed</code> 的元素。</p> <p class="tip"><span>提示：</span>如需设置或返回定位元素的右侧位置，请使用 <a href="/my/jsref/prop_style_right.html" title="Style right အကို">right 属性</a>。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/my/css/css_positioning.html" title="CSS ပြန်လည်ဖမ်းမှု - position အကို">CSS 定位</a></p> <p>CSS 参考手册：<a href="/my/cssref/pr_pos_left.html" title="CSS left အကို">left 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>设置 <button> 元素的左侧位置：</p> <pre class="language-js"> document.getElementById("myBtn").style.left = "100px"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_left_1">亲自试一试</a></p> <h3>例子 2</h3> <p>设置 <div> 元素的左侧位置：</p> <pre class="language-js"> document.getElementById("myDIV").style.left = "100px"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_left_div">亲自试一试</a></p> <h3>例子 3</h3> <p>使用负值 - 设置 <div> 元素的左侧位置：</p> <pre class="language-js"> document.getElementById("myDIV").style.left = "-100px"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_left_2">亲自试一试</a></p> <h3>例子 4</h3> <p>返回 <div> 元素的左侧位置：</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.left); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_left_3">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 left 属性：</p> <pre><i>object</i>.style.left</pre> <p>设置 left 属性：</p> <pre><i>object</i>.style.left = "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="/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>အစကားအရာပုံ၊ အစိုးရမည့်အဆိုပါအရာ၏ ဘယ်ဘက်မှ တည်နေရာကို ခေါ်ဆိုထားသော ပုံစံ。</td> </tr> <tr> <th>CSS ပုံစံ:</th> <td>CSS2</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="/my/jsref/prop_style_justifycontent.html" title="Style justifyContent အကို">justifyContent</a></li> <li> နောက်ဆုံး စား <a href="/my/jsref/prop_style_letterspacing.html" title="Style letterSpacing အကို">letterSpacing</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="ဘဝအခြား နှင့်">ဘဝအခြား ဝင်ရောက်</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>