Savybė resize

Savybė resize draudžia arba leidžia keisti textarea ar kitų elementų dydį (su kitais elementais veikia ne visose naršyklėse).

Sintaksė

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

Reikšmės

Reikšmė	Aprašas
`both`	Leidžia tempsti elementą plotį ir aukštį.
`horizontal`	Leidžia tempsti elementą tik plotį.
`vertical`	Leidžia tempsti elementą tik aukštį.
`none`	Keisti elemento dydį draudžiama.

Numatytoji reikšmė: none. textarea kai kuriose naršyklėse: both. Tose naršyklėse, kurios nepalaiko resize, textarea elgsis taip, lyg būtų nustatyta reikšmė none.

Pavyzdys . Reikšmė both

Elementas tempiamas į abi puses:

html<textarea></textarea>

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

Результат:

Pavyzdys . Reikšmė horizontal

Elementas tempiamas tik horizontaliai:

html<textarea></textarea>

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

Результат:

Pavyzdys . Reikšmė vertical

Elementas tempiamas tik vertikaliai:

html<textarea></textarea>

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

Результат:

Pavyzdys . Reikšmė none

Elementas visai netempiamas:

html<textarea></textarea>

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

Результат:

Pavyzdys . Pločio ir aukščio apribojimas

Galima apriboti minimalų ir maksimalų plotį ir aukštį naudojant savybes 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;
}

Результат: