CSS resize คุณสมบัติ
การคำนิยามและวิธีใช้
คุณสมบัติ resize กำหนดว่าองค์ประกอบสามารถปรับขนาดได้โดยผู้ใช้หรือไม่
หมายเหตุ:ถ้าต้องการให้คุณสมบัตินี้ทำงานต้องตั้งค่าคุณสมบัติ overflow ขององค์ประกอบ ค่าสามารถเป็น auto, hidden หรือ scroll
ดูเพิ่มเติมที่:
ตัวเรียน CSS3:CSS3 ส่วนของมือคนใช้
คู่มืออ้างอิง HTML DOM:คุณสมบัติ resize
ตัวอย่าง
กำหนดให้ div องค์ประกอบสามารถปรับขนาดได้โดยผู้ใช้:
div
{
resize:both;
overflow:auto;
}
ระบบการใช้งาน CSS
resize: none|both|horizontal|vertical;
ค่าทางตัวเลือกของคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| none | ตัวแปรผู้ใช้ไม่สามารถปรับเปลี่ยนขนาดขององค์ประกอบ |
| both | ตัวแปรผู้ใช้สามารถปรับเปลี่ยนความสูงและความกว้างขององค์ประกอบ |
| horizontal | ตัวแปรผู้ใช้สามารถปรับเปลี่ยนความกว้างขององค์ประกอบ |
| vertical | ตัวแปรผู้ใช้สามารถปรับเปลี่ยนความสูงขององค์ประกอบ |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | none |
|---|---|
| การสืบทอด: | no |
| เวอร์ชั่น: | CSS3 |
| ระบบการใช้งาน JavaScript: | object.style.resize="both" |
การสนับสนุนโดยเบราเซอร์
ตัวเลขในตารางหมายถึงเวอร์ชั่นของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
จำนวนที่มี -moz- แสดงว่าใช้เน้นชื่อเรียกในเวอร์ชั่นที่หนึ่ง
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
