คุณสมบัติ width

คุณสมบัติ width กำหนดความกว้างของ องค์ประกอบ ค่าของคุณสมบัติสามารถเป็น หน่วยวัดขนาด ใด ๆ ก็ได้ หรือคำสำคัญ auto ซึ่งให้เบราว์เซอร์คำนวณขนาดขององค์ประกอบ โดยอัตโนมัติ (พฤติกรรมค่าเริ่มต้น)

ไวยากรณ์

cssตัวเลือก {
  width: ค่า;
}

ตัวอย่าง

มากำหนดความกว้างขององค์ประกอบเป็น 300px:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

ตัวอย่าง

มาทำให้องค์ประกอบกว้าง 70% ของความกว้างของพ่อแม่ (ในที่นี้ คือหน้าต่างเบราว์เซอร์):

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

ดูเพิ่มเติม