A resize tulajdonság

A resize tulajdonság megtiltja vagy engedélyezi a textarea méretezésének módosítását vagy más elemekét (más elemekkel nem minden böngészőben működik).

Szintaxis

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

Értékek

Érték	Leírás
`both`	Az elem szélességben és magasságban is nyújtható.
`horizontal`	Az elem csak szélességben nyújtható.
`vertical`	Az elem csak magasságban nyújtható.
`none`	Az elem méretezése nem módosítható.

Alapértelmezett érték: none. A textarea esetén néhány böngészőben: both. Azokban a böngészőkben, ahol nincs támogatva a resize, a textarea úgy fog viselkedni, mintha a none érték lenne megadva.

Példa . A both érték

Az elem mindkét irányban nyújtható:

html<textarea></textarea>

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

Результат:

Példa . A horizontal érték

Az elem csak vízszintesen nyújtható:

html<textarea></textarea>

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

Результат:

Példa . A vertical érték

Az elem csak függőlegesen nyújtható:

html<textarea></textarea>

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

Результат:

Példa . A none érték

Az elem egyáltalán nem nyújtható:

html<textarea></textarea>

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

Результат:

Példa . Szélesség és magasság korlátozása

A minimális és maximális szélesség és magasság korlátozható a max-width, min-width, max-height, min-height tulajdonságok segítségével:

html<textarea></textarea>

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

Результат: