Vetia resize

Vetia resize ndalon ose lejon ndryshimin e madhësisë së textarea ose elementëve të tjerë (me elementë të tjerë nuk funksionon në të gjitha shfletuesit).

Sintaksa

përzgjedhësi {
	resize: both | horizontal | vertical | none;
}

Vlerat

Vlera	Përshkrimi
`both`	Elementi mund të shtrihet në gjerësi dhe lartësi.
`horizontal`	Elementi mund të shtrihet vetëm në gjerësi.
`vertical`	Elementi mund të shtrihet vetëm në lartësi.
`none`	Nuk lejohet ndryshimi i madhësisë së elementit.

Vlera e paracaktuar: none. Për textarea në disa shfletues: both. Në ata shfletues ku nuk ka suport për resize, textarea do të sillet sikur është caktuar vlera none.

Shembull . Vlera both

Elementi shtrihet në të dy drejtimet:

<textarea></textarea>

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

Shembull . Vlera horizontal

Elementi shtrihet vetëm horizontalisht:

<textarea></textarea>

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

Shembull . Vlera vertical

Elementi shtrihet vetëm vertikalisht:

<textarea></textarea>

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

Shembull . Vlera none

Elementi nuk shtrihet fare:

<textarea></textarea>

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

Shembull . Kufizimi i gjerësisë dhe lartësisë

Mund të kufizohen gjerësia dhe lartësia minimale dhe maksimale duke përdorur vetitë 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;
}