คำอธิบาย
กว้างกำหนดความกว้างของพื้นที่เนื้อหาองค์ประกอบของ
ค่าที่เป็นไปได้
length- หน่วยความยาวใดก็ได้ ไม่อนุญาตให้ใช้ค่าความยาวเชิงลบสำหรับคุณสมบัตินี้
percentage - ความกว้างคำนวณตามความกว้างของบล็อกที่มีองค์ประกอบโดยสมมติว่าความกว้างของบล็อกที่มีนั้นได้รับการตั้งค่าไว้อย่างชัดเจน
auto- ค่าเริ่มต้น เบราว์เซอร์จะคำนวณความกว้างจริง
นำไปใช้กับ
องค์ประกอบ HTML ทั้งหมดยกเว้นองค์ประกอบอินไลน์แถวตารางและกลุ่มแถวที่ไม่ถูกแทนที่
ไวยากรณ์ DOM
object.style.width = "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>
สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -