ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

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> <keygen> <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> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

Style bottom Property

<สไตล์วัตถุ

ตัวอย่าง

กำหนดตำแหน่งด้านล่างของ <button> องค์ประกอบ:

document.getElementById("myBtn").style.bottom = "100px";
ลองตัวเอง»

ความหมายและการใช้งาน

ชุดคุณสมบัติล่างหรือผลตอบแทนที่ตำแหน่งด้านล่างขององค์ประกอบในตำแหน่ง

คุณสมบัตินี้ระบุตำแหน่งที่ด้านล่างขององค์ประกอบรวมทั้งรองเลื่อนชายแดนและกำไร

Tip: องค์ประกอบในตำแหน่งที่เป็นองค์ประกอบที่มีคุณสมบัติในตำแหน่งที่กำหนดให้เป็น: ญาติแน่นอนหรือคง

เคล็ดลับ: การตั้งค่าหรือกลับตำแหน่งบนสุดขององค์ประกอบในตำแหน่งที่ใช้ บน สถานที่ให้บริการ


สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

สถานที่ให้บริการด้านล่างได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด


วากยสัมพันธ์

กลับคุณสมบัติด้านล่าง:

object .style.bottom

ตั้งค่าคุณสมบัติด้านล่าง:

object .style.bottom="auto| ค่าทรัพย์สิน
ความคุ้มค่า ลักษณะ
auto ช่วยให้เบราว์เซอร์ที่กำหนดตำแหน่งด้านล่าง นี้จะเริ่มต้น
length กำหนดตำแหน่งด้านล่างในหน่วยความยาว ค่าลบจะได้รับอนุญาต
% ตั้งตำแหน่งด้านล่างใน% ของความสูงขององค์ประกอบหลักที่
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

รายละเอียดทางเทคนิค

ราคาเริ่มต้น: รถยนต์
กลับค่า: เชือกแทนตำแหน่งที่ด้านล่างขององค์ประกอบในตำแหน่ง
CSS รุ่น CSS2

ตัวอย่างอื่น ๆ

ตัวอย่าง

กำหนดตำแหน่งด้านล่างของ <div> องค์ประกอบ:

document.getElementById("myDiv").style.bottom = "10px";
ลองตัวเอง»

ตัวอย่าง

โดยใช้ค่าลบ - ตั้งตำแหน่งด้านล่างของ <div> องค์ประกอบ:

document.getElementById("myDiv").style.bottom = "-100px";
ลองตัวเอง»

ตัวอย่าง

กลับตำแหน่งด้านล่างของ <div> องค์ประกอบ:

alert(document.getElementById("myDiv").style.bottom);
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

CSS กวดวิชา: ตำแหน่ง CSS

อ้างอิง CSS: bottom property


<สไตล์วัตถุ