หากต้องการปิดใช้งานคุณสมบัติการปรับขนาด (resizable) ของ textarea ให้ใช้ CSS ดังนี้:
textarea {
resize: none;
}
หากต้องการปิดใช้งาน textarea เฉพาะบางตัวด้วยค่าแอตทริบิวต์ที่แตกต่างกัน ลองใช้วิธีดังนี้ สมมติว่าแอตทริบิวต์ name ตั้งค่าเป็น "demo":
textarea[name=demo] {
resize: none;
}
สมมติว่าแอตทริบิวต์ id เป็น "demo":
<textarea id="demo"></textarea>
สำหรับกรณีนี้ ให้ใช้ CSS selector ดังนี้:
#demo {
resize: none;
}
คุณสมบัติ resize ใน CSS รองรับค่าต่อไปนี้: none (ปิดใช้งาน), both (ปรับขนาดได้ทั้งแนวนอนและแนวตั้ง), horizontal (ปรับแนวนอนได้), vertical (ปรับแนวตั้งได้) ซึ่งเป็นค่าเริ่มต้นของ textarea ในเบราว์เซอร์ส่วนใหญ่
