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

cssselektor {
  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:

html<textarea></textarea>

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

Результат:

Příklad . Hodnota horizontal

Prvek se roztahuje pouze vodorovně:

html<textarea></textarea>

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

Результат:

Příklad . Hodnota vertical

Prvek se roztahuje pouze svisle:

html<textarea></textarea>

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

Результат:

Příklad . Hodnota none

Prvek se neroztahuje vůbec:

html<textarea></textarea>

csstextarea {
  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:

html<textarea></textarea>

csstextarea {
  resize: both;
  min-height: 100px;
  max-height: 300px;
  min-width: 100px;
  max-width: 300px;
}

Результат: