Хосияти 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;
}

Результат: