Resize қасиеті

resize қасиеті textarea өлшемін өзгертуге тыйым салады немесе рұқсат береді (басқа элементтермен барлық браузерлерде жұмыс істемейді).

Синтаксис

cssселектор {
  resize: both | horizontal | vertical | none;
}

Мәндері

Мәні	Сипаттама
`both`	Элементті ені мен биіктігі бойынша созуға болады.
`horizontal`	Элементті тек ені бойынша созуға болады.
`vertical`	Элементті тек биіктігі бойынша созуға болады.
`none`	Элемент өлшемін өзгертуге болмайды.

Әдепкі мәні: none. Кейбір браузерлердегі textarea үшін: both. resize қолдауы жоқ браузерлерде, textarea none мәні берілгендей әрекет етеді.

Мысал . Both мәні

Элемент екі жаққа созылады:

html<textarea></textarea>

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

Результат:

Мысал . Horizontal мәні

Элемент тек көлденеңінен созылады:

html<textarea></textarea>

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

Результат:

Мысал . Vertical мәні

Элемент тек тігінен созылады:

html<textarea></textarea>

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

Результат:

Мысал . None мәні

Элемент мүлдем созылмайды:

html<textarea></textarea>

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

Результат:

Мысал . Ен мен биіктікті шектеу

Ең төменгі және ең жоғарғы ен мен биіктікті 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;
}

Результат: