Vlastnost resize

Vlastnost resize zakazuje nebo povoluje změnu velikosti textarea nebo jiných prvků (s jinými prvky nefunguje ve všech prohlížečích).

Syntaxe

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

Hodnoty

Hodnota	Popis
`both`	Prvek lze roztáhnout do šířky a výšky.
`horizontal`	Prvek lze roztáhnout pouze do šířky.
`vertical`	Prvek lze roztáhnout pouze do výšky.
`none`	Velikost prvku nelze měnit.

Výchozí hodnota: none. Pro textarea v některých prohlížečích: both. V těch prohlížečích, které nepodporují resize, se textarea bude chovat, jako by byla nastavena hodnota none.

Příklad . Hodnota both

Prvek se roztahuje oběma směry:

<textarea></textarea>

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

Příklad . Hodnota horizontal

Prvek se roztahuje pouze vodorovně:

<textarea></textarea>

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

Příklad . Hodnota vertical

Prvek se roztahuje pouze svisle:

<textarea></textarea>

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

Příklad . Hodnota none

Prvek se neroztahuje vůbec:

<textarea></textarea>

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

Příklad . Omezení šířky a výšky

Minimální a maximální šířku a výšku lze omezit pomocí 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;
}