Хосияти resize

Хосияти resize манъ ё иҷозати тағйири андозаҳои textarea ё унсурҳои дигарро медиҳад (бо унсурҳои дигар дар ҳама браузерҳо кор намекунад).

Синтаксис

интихобкунанда {
	resize: both | horizontal | vertical | none;
}

Қиматҳо

Қимат	Тавсиф
`both`	Унсурро дар паҳнӣ ва баландӣ кашидан мумкин аст.
`horizontal`	Унсурро фақат дар паҳнӣ кашидан мумкин аст.
`vertical`	Унсурро фақат дар баландӣ кашидан мумкин аст.
`none`	Тағйири андозаҳои унсур иҷозат дода намешавад.

Қимати пешфарз: none. Барои textarea дар баъзе браузерҳо: both. Дар он браузерҳое, ки дастгирии resize надоранд, textarea чунон рафтор мекунад, ки гӯё қимати none таъин шудааст.

Намуна . Қимати both

Унсур дар ҳарду самт кашида мешавад:

<textarea></textarea>

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

Намуна . Қимати horizontal

Унсур фақат ба самти уфуқӣ кашида мешавад:

<textarea></textarea>

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

Намуна . Қимати vertical

Унсур фақат ба самти амудӣ кашида мешавад:

<textarea></textarea>

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

Намуна . Қимати none

Унсур ҳатто кашида намешавад:

<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;
}