CodeW3C ການສອນຫຼັງຖານ
ການສອນ HTML ສາຍ
Browser Script
Server Script
ການສອນປັດຊະຍາສາຂາ
ການສອນ XML ສາຍ
ປື້ມການສ້າງເວັບໄຊ
ປື້ມການອະທິບາຍ
Course Schedule
JS Reference Manual
JS Reference Manual (Category Sorting)
JS Reference Manual (Alphabetical Sorting)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS Object
JS Operator
JS Operator Precedence
JS Statement
JS Type Array
Window
Window Object
Window Console
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event Object
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style
Web API
API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API Storage
API Validation
API Web
ສັບສຳນັກງານ 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>
</a></li> <li><a href="/lo/jsref/dom_obj_time.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບເວລາ"><time></a></li> <li><a href="/lo/jsref/dom_obj_title.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບຫົວໜ້າ"><title></a></li> <li><a href="/lo/jsref/dom_obj_track.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບສັນຕະວັດ"><track></a></li> <li><a href="/lo/jsref/dom_obj_u.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບກະຈາຍ"><u></a></li> <li><a href="/lo/jsref/dom_obj_ul.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບສະຖານນະ"><ul></a></li> <li><a href="/lo/jsref/dom_obj_var.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບຄວາມກະຈາຍ"><var></a></li> <li><a href="/lo/jsref/dom_obj_video.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບວິດີໂອ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/lo/jsref/obj_cssstyledeclaration.html" title="ໂອເອັມໄອໂດມີບີ້ເທັບການລະບຸລະບຽບຊຸວິດ">CSSStyleDeclaration</a></li> <li><a href="/lo/jsref/jsref_type_conversion.html" title="ການປ່ຽນຮູບແບບທີ່ຈະນັກພິມເລກຊັດສະນະວິທະຍາສາດ">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/lo/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 bottom 属性</h1> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/lo/jsref/prop_style_borderwidth.html" title="ລະບຽບ borderWidth">borderWidth</a></li> <li> 下一页 <a href="/lo/jsref/prop_style_boxshadow.html" title="ລະບຽບ boxShadow">boxShadow</a></li> <li> ກັບຄືນຊຸດກ່າວກັບຕົ້ນ <a href="/lo/jsref/dom_obj_style.html" title="HTML DOM Style Object">HTML DOM Style Object</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>bottom</code> 属性设置或返回定位元素的底部位置。</p> <p class="tip"><span>ຄຳແນະນຳ：</span>定位元素指的是 position 属性设置为：relative、absolute 或 fixed 的元素。</p> <p class="tip"><span>ຄຳແນະນຳ：</span>ສຳລັບການຕັ້ງຫຼືກັບຄືນຕັ້ງທີ່ຕອນລຸ່ມຂອງບັນດາປະກອບອຸປະກອນທີ່ຕັ້ງຕາຍຫຼັງທີ່ຈະຍັງມີຄວາມຜິດພາດບາງຢ່າງຈະໃຊ້ຄວາມຜິດພາດ top。</p> <h3>ບໍ່ວ່າຫນື່ງອີກ：</h3> <p>ການສອນ CSS<a href="/lo/css/css_positioning.html" title="ການຈັດການຕັ້ງທີ່ຂອງ CSS">ການຈັດການຕັ້ງທີ່ຂອງ CSS</a></p> <p>ຄູ່ມວັດຖຸ CSS<a href="/lo/cssref/pr_pos_bottom.html" title="ລະບຽບ bottom">bottom 属性</a></p> </div> <div> <h2>ຄວາມປະສົງ</h2> <h3>ຕົວຢ່າງ 1</h3> <p>ການຕັ້ງທີ່ຕອນລຸ່ມຂອງ <button> 元素的：</p> <pre class="language-js"> document.getElementById("myBtn").style.bottom = "100px"; </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=jsck_style_bottom_1">ການບັນທຶກພິສູດດີວ່າດີ</a></p> <h3>ຕົວຢ່າງ 2</h3> <p>ການຕັ້ງທີ່ຕອນລຸ່ມຂອງ <div> 元素的：</p> <pre class="language-js"> document.getElementById("myDiv").style.bottom = "10px"; </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=jsck_style_bottom_div">ການບັນທຶກພິສູດດີວ່າດີ</a></p> <h3>ຕົວຢ່າງ 3</h3> <p>ການຕັ້ງທີ່ຕອນລຸ່ມຂອງ <div> 元素的ທີ່ມີຄວາມຜິດພາດບາງຢ່າງ：</p> <pre class="language-js"> document.getElementById("myDiv").style.bottom = "-100px"; </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=jsck_style_bottom_2">ການບັນທຶກພິສູດດີວ່າດີ</a></p> <h3>ຕົວຢ່າງ 4</h3> <p>ກັບຄືນທີ່ຕອນລຸ່ມຂອງ <div> 元素的：</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.bottom); </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=jsck_style_bottom_3">ການບັນທຶກພິສູດດີວ່າດີ</a></p> </div> <div> <h2>ຂໍ້ບັນຍາຍ</h2> <p>ການກັບຄືນ bottom 属性：</p> <pre><i>object</i>.style.bottom</pre> <p>ການຕັ້ງຄວາມຜິດພາດ bottom 属性：</p> <pre><i>object</i>.style.bottom = "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="/lo/cssref/css_initial.html" title="ລະບຽບ initial">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>ຍຶດຄວາມຜິດພາດນີ້ຈາກປະກອບອຸປະກອນພໍ່ຂອງມັນ。ບັງຄັບເບິ່ງ <a href="/lo/cssref/css_inherit.html" title="ລະບຽບ 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="/lo/jsref/prop_style_borderwidth.html" title="ລະບຽບ borderWidth">borderWidth</a></li> <li> 下一页 <a href="/lo/jsref/prop_style_boxshadow.html" title="ລະບຽບ boxShadow">boxShadow</a></li> <li> ກັບຄືນຊຸດກ່າວກັບຕົ້ນ <a href="/lo/jsref/dom_obj_style.html" title="HTML DOM Style Object">HTML DOM Style Object</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="/lo/jsref/index.html">ປື້ມການອະທິບາຍ JavaScript ແລະ HTML DOM</a></h5> <h5 id="tools_example"><a href="/lo/js/js_examples.html">ການກໍານົດ JavaScript</a></h5> <h5 id="tools_quiz"><a href="/lo/js/js_quiz.html">ການກວດສອບ JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/lo/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="/lo/about/index.html" title="ກ່ຽວກັບ CodeW3C.com">ກ່ຽວກັບ CodeW3C.com</a> <a href="/lo/about/about_helping.html" title="ການຊ່ວຍເຫຼືອ CodeW3C.com">ການຊ່ວຍເຫຼືອ CodeW3C.com</a> <a href="/lo/about/about_use.html" title="ກ່ຽວກັບການໃຊ້">ຂໍ້ກຳນົດການໃຊ້</a> <a href="/lo/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>