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;
}

Результат: