Svojstvo resize

Svojstvo resize zabranjuje ili dozvoljava promenu veličine textarea ili drugih elemenata (sa drugim elementima radi ne u svim pregledačima).

Sintaksa

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

Vrednosti

Vrednost	Opis
`both`	Moguće je rastezati element po širini i visini.
`horizontal`	Moguće je rastezati element samo po širini.
`vertical`	Moguće je rastezati element samo po visini.
`none`	Promena veličine elementa nije moguća.

Podrazumevana vrednost: none. Za textarea u nekim pregledačima: both. U onim pregledačima gde nema podrške za resize, textarea će se ponašati kao da je postavljena vrednost none.

Primer . Vrednost both

Element se rasteže u oba pravca:

html<textarea></textarea>

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

Результат:

Primer . Vrednost horizontal

Element se rasteže samo horizontalno:

html<textarea></textarea>

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

Результат:

Primer . Vrednost vertical

Element se rasteže samo vertikalno:

html<textarea></textarea>

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

Результат:

Primer . Vrednost none

Element se uopšte ne rasteže:

html<textarea></textarea>

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

Результат:

Primer . Ograničenje širine i visine

Moguće je ograničiti minimalnu i maksimalnu širinu i visinu pomoću svojstava 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;
}

Результат: