Proprietatea resize

Proprietatea resize interzice sau permite modificarea dimensiunilor textarea sau a altor elemente (cu alte elemente nu funcționează în toate browserele).

Sintaxă

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

Valori

Valoarea implicită: none. Pentru textarea în unele browsere: both. În acele browsere care nu suportă resize, textarea se va comporta ca și cum ar fi setată valoarea none.

Exemplu . Valoarea both

Elementul se redimensionează în ambele direcții:

html<textarea></textarea>

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

Результат:

Exemplu . Valoarea horizontal

Elementul se redimensionează doar orizontal:

html<textarea></textarea>

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

Результат:

Exemplu . Valoarea vertical

Elementul se redimensionează doar vertical:

html<textarea></textarea>

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

Результат:

Exemplu . Valoarea none

Elementul nu se redimensionează deloc:

html<textarea></textarea>

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

Результат:

Exemplu . Limitarea lățimii și înălțimii

Puteți limita lățimea și înălțimea minimă și maximă folosind proprietățile 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;
}

Результат: