Properti resize

Properti resize melarang atau mengizinkan perubahan ukuran textarea atau elemen lainnya (tidak bekerja di semua browser untuk elemen lain).

Sintaks

selektor {
	resize: both | horizontal | vertical | none;
}

Nilai

Nilai	Deskripsi
`both`	Elemen dapat diregangkan berdasarkan lebar dan tinggi.
`horizontal`	Elemen hanya dapat diregangkan berdasarkan lebar.
`vertical`	Elemen hanya dapat diregangkan berdasarkan tinggi.
`none`	Ukuran elemen tidak dapat diubah.

Nilai default: none. Untuk textarea di beberapa browser: both. Di browser yang tidak mendukung resize, textarea akan berperilaku seolah-olah nilai none ditetapkan.

Contoh . Nilai both

Elemen diregangkan ke kedua arah:

<textarea></textarea>

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

Contoh . Nilai horizontal

Elemen hanya diregangkan secara horizontal:

<textarea></textarea>

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

Contoh . Nilai vertical

Elemen hanya diregangkan secara vertikal:

<textarea></textarea>

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

Contoh . Nilai none

Elemen tidak dapat diregangkan sama sekali:

<textarea></textarea>

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

Contoh . Pembatasan lebar dan tinggi

Anda dapat membatasi lebar dan tinggi minimum dan maksimum menggunakan properti 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;
}