CSS min-width รายละเอียด

คำอธิบายและวิธีใช้

min-width กำหนดความกว้างขั้นต่ำขององค์ประกอบ

ชี้แจง

ค่านี้จะกำหนดขอบเขตกว้างขององค์ประกอบ ซึ่งหากมีความกว้างมากกว่าค่าที่กำหนด แต่ไม่สามารถแคบกว่าค่าที่กำหนดได้ ไม่ยอมรับค่าลบ

ดูเพิ่มเติมที่:

CSS คำสอนCSS ขนาด

คู่มือ CSSCSS max-width รายละเอียด

คู่มือ HTML DOMminWidth คุณสมบัติ

ตัวอย่าง

ตั้งค่าความกว้างขั้นต่ำของปารากราฟ:

p
  {
  min-width:100px;
  }

ทดลองด้วยตัวเอง

CSS ระบบภาษา

min-width: length|initial|inherit;

ค่าทางด้านนัย

ค่า คำอธิบาย
length กำหนดค่าความกว้างขั้นต่ำขององค์ประกอบ ค่าเริ่มต้น: ขึ้นอยู่กับเบราเซอร์
% กำหนดความกว้างขั้นต่ำขององค์ประกอบบนขององค์ประกอบบล็อคที่มีอยู่
inherit กำหนดให้มีค่าของ min-width ที่ต้องการจากองค์ประกอบพ่อ

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

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

ตัวอย่าง TIY

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

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

ตัวเลขในตารางบอกว่าอัตราเรียกใช้กลุ่มแรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด

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