Sifat resize

Sifat resize melarang atau membenarkan perubahan saiz textarea atau elemen lain (dengan elemen lain tidak berfungsi dalam semua pelayar).

Sintaks

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

Nilai

Nilai	Keterangan
`both`	Elemen boleh diregangkan mengikut lebar dan ketinggian.
`horizontal`	Elemen hanya boleh diregangkan mengikut lebar.
`vertical`	Elemen hanya boleh diregangkan mengikut ketinggian.
`none`	Saiz elemen tidak boleh diubah.

Nilai lalai: none. Untuk textarea dalam beberapa pelayar: both. Dalam pelayar yang tidak menyokong resize, textarea akan berkelakuan seolah-olah nilai none ditetapkan.

Contoh . Nilai both

Elemen diregangkan dalam kedua-dua arah:

<textarea></textarea>

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

Contoh . Nilai horizontal

Elemen diregangkan hanya mengikut mendatar:

<textarea></textarea>

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

Contoh . Nilai vertical

Elemen diregangkan hanya mengikut menegak:

<textarea></textarea>

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

Contoh . Nilai none

Elemen tidak diregangkan langsung:

<textarea></textarea>

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

Contoh . Had lebar dan ketinggian

Anda boleh mengehadkan lebar dan ketinggian minimum dan maksimum dengan menggunakan sifat 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;
}