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

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 height Property

<สไตล์วัตถุ

ตัวอย่าง

ตั้งค่าความสูงของที่ <button> องค์ประกอบ:

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

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

ชุดคุณสมบัติสูงหรือผลตอบแทนที่สูงของสิ่งนั้น ๆ

สถานที่ให้บริการความสูงมีผลเฉพาะในองค์ประกอบระดับบล็อกหรือองค์ประกอบที่มีตำแหน่งที่แน่นอนหรือคงที่ เนื้อหาล้นสามารถจัดการกับอสังหาริมทรัพย์ล้น

เคล็ดลับ: ใช้ ความกว้างของ คุณสมบัติการตั้งค่าหรือกลับความกว้างของสิ่งนั้น ๆ


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


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

คืนทรัพย์สินความสูง:

object .style.height

ตั้งค่าคุณสมบัติความสูง:

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

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

ราคาเริ่มต้น: รถยนต์
กลับค่า: สตริงที่เป็นตัวแทนของความสูงของสิ่งนั้น ๆ
CSS รุ่น CSS1

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

ตัวอย่าง

เปลี่ยนความสูงของที่ <div> องค์ประกอบ:

document.getElementById("myDIV").style.height = "500px";
ลองตัวเอง»

ตัวอย่าง

เปลี่ยนความสูงและความกว้างของ <img> องค์ประกอบ:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
ลองตัวเอง»

ตัวอย่าง

กลับมีความสูงของ <img> องค์ประกอบ:

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

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

กวดวิชา CSS: CSS มิติ

กวดวิชา CSS: รูปแบบ CSS กล่อง

อ้างอิง CSS: height property


<สไตล์วัตถุ