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

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

html<textarea></textarea>

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

Результат:

Príklad . Hodnota horizontal

Prvok sa roztiahne len horizontálne:

html<textarea></textarea>

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

Результат:

Príklad . Hodnota vertical

Prvok sa roztiahne len vertikálne:

html<textarea></textarea>

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

Результат:

Príklad . Hodnota none

Prvok sa vôbec neroztiahne:

html<textarea></textarea>

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

html<textarea></textarea>

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

Результат: