CSS - ความสูง

คำอธิบาย

สูงกำหนดความสูงของพื้นที่เนื้อหาองค์ประกอบของ

ค่าที่เป็นไปได้

  • length- หน่วยความยาวใดก็ได้ ไม่อนุญาตให้ใช้ค่าความยาวเชิงลบสำหรับคุณสมบัตินี้

  • percentage - ความสูงคำนวณตามความสูงของบล็อกที่มีองค์ประกอบโดยสมมติว่ามีการตั้งค่าความสูงของบล็อกที่บรรจุไว้อย่างชัดเจน

  • auto- ค่าเริ่มต้น เบราว์เซอร์จะคำนวณความสูงที่แท้จริง

นำไปใช้กับ

องค์ประกอบ HTML ทั้งหมดยกเว้นองค์ประกอบอินไลน์แถวตารางและกลุ่มแถวที่ไม่ถูกแทนที่

ไวยากรณ์ DOM

object.style.height = "100px";

ตัวอย่าง

นี่คือตัวอย่าง -

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; height:100px;border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400pixels wide and 100 pixels high
      </p>
   </body>
</html>

สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -


CSS ตอบสนอง

Language