CSS height รายการ

การกำหนดและการใช้งาน

height อัตราะบุความสูงขององค์ประกอบ。

คำอธิบาย

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

องค์ประกอบที่ไม่ใช่องค์ประกอบแทนที่ด้านในจะละเลยคุณสมบัตินี้。

ดูเพิ่มเติม

ตัวอย่าง CSSขนาด CSS

ตัวอย่าง CSSสรุปโมเดลกล่อง CSS

คู่มือ CSSอัตราะบุ width

คู่มือ HTML DOMheight อัตราะบุ

ตัวอย่าง

ตั้งความสูงและความกว้างของย่อหน้า:

p
  {
  height:100px;
  width:100px;
  }

ลองเดาะด้วยตัวเอง

ระบบแสดงทางภาษา CSS

height: auto|length|initial|inherit;

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

ค่า คำอธิบาย
auto ค่าเริ่มต้น
length กำหนดความสูงด้วยหน่วยมาตร px, cm และอื่น ๆ。
% ค่าสูงเปอร์เซ็นต์ขององค์ประกอบบล็อคที่มีองค์ประกอบนั้นตั้งอยู่ในมัน。
inherit กำหนดให้ความสูงขององค์ประกอบมาจากค่าของ height ขององค์ประกอบพ่อของมัน。

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

ค่าเริ่มต้น: auto
ความสืบทอด: no
เวอร์ชั่น: CSS1
ระบบแสดงทางภาษา JavaScript: object.style.height="50px"

ตัวอย่าง TIY

การตั้งความสูงของรูปภาพด้วยพิกเซล
ตัวอย่างนี้แสดงวิธีการใช้ค่าพิกเซลเพื่อตั้งความสูงขององค์ประกอบ。
การตั้งความสูงของรูปภาพด้วยเปอร์เซ็นต์
ตัวอย่างนี้แสดงวิธีการใช้สัดส่วนเปอร์เซ็นต์เพื่อตั้งความสูงขององค์ประกอบ。

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางชี้ถึงเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0