คุณสมบัติ resize

คุณสมบัติ resize อนุญาตหรือไม่อนุญาต การเปลี่ยนขนาดของ textarea หรือองค์ประกอบอื่นๆ (กับองค์ประกอบอื่นๆ อาจไม่ทำงานในทุกเบราว์เซอร์)

ไวยากรณ์

ตัวเลือก {
	resize: both | horizontal | vertical | none;
}

ค่า	คำอธิบาย
`both`	สามารถยืดองค์ประกอบตามความกว้างและความสูงได้
`horizontal`	สามารถยืดองค์ประกอบตามความกว้างเท่านั้น
`vertical`	สามารถยืดองค์ประกอบตามความสูงเท่านั้น
`none`	ไม่สามารถเปลี่ยนขนาดขององค์ประกอบได้

ค่าเริ่มต้น: none สำหรับ textarea ในบางเบราว์เซอร์: both ใน เบราว์เซอร์ที่ไม่รองรับ resize, textarea จะทำงานราวกับว่ากำหนดค่า none ไว้

องค์ประกอบยืดได้ทั้งสองทิศทาง:

<textarea></textarea>

textarea {
	resize: both;
	width: 200px;
	height: 200px;
}

องค์ประกอบยืดได้เฉพาะแนวนอน:

<textarea></textarea>

textarea {
	resize: horizontal;
	width: 200px;
	height: 200px;
}

องค์ประกอบยืดได้เฉพาะแนวตั้ง:

<textarea></textarea>

textarea {
	resize: vertical;
	width: 200px;
	height: 200px;
}

องค์ประกอบไม่ยืดเลย:

<textarea></textarea>

textarea {
	resize: none;
	width: 200px;
	height: 200px;
}

สามารถจำกัดความกว้างและความสูงขั้นต่ำและสูงสุด ด้วยคุณสมบัติ max-width, min-width, max-height, min-height:

<textarea></textarea>

textarea {
	resize: both;
	min-height: 100px;
	max-height: 300px;
	min-width: 100px;
	max-width: 300px;
}