Vlastnosť resize

Vlastnosť resize zakazuje alebo povoluje zmenu veľkosti textarea alebo iných prvkov (s inými prvkami funguje nie vo všetkých prehliadačoch).

Syntax

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

Hodnoty

Hodnota	Popis
`both`	Prvok je možné roztiahnuť na šírku a výšku.
`horizontal`	Prvok je možné roztiahnuť len na šírku.
`vertical`	Prvok je možné roztiahnuť len na výšku.
`none`	Zmenu veľkosti prvku nie je možné vykonať.

Predvolená hodnota: none. Pre textarea v niektorých prehliadačoch: both. V tých prehliadačoch, ktoré nepodporujú resize, textarea sa bude správať tak, ako keby bola zadaná hodnota none.

Príklad . Hodnota both

Prvok sa roztiahne v oboch smeroch:

<textarea></textarea>

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

Príklad . Hodnota horizontal

Prvok sa roztiahne len horizontálne:

<textarea></textarea>

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

Príklad . Hodnota vertical

Prvok sa roztiahne len vertikálne:

<textarea></textarea>

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

Príklad . Hodnota none

Prvok sa vôbec neroztiahne:

<textarea></textarea>

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

Príklad . Obmedzenie šírky a výšky

Minimálnu a maximálnu šírku a výšku je možné obmedziť pomocou vlastností 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;
}