Resize häsiýeti

resize häsiýeti textarea ýa-da beýleki elementleriň ölçeglerini üýtgetmäge gadagan edýär ýa-da rugsat berýär (beýleki elementler bilen ähli brauzerlere işlemeýär).

Sintaksis

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

Görnüşleri

Görnüşi	Düşündirişi
`both`	Element giňişligi we beýikligi boýunça giňeldip bolýar.
`horizontal`	Element diňe giňişligi boýunça giňeldip bolýar.
`vertical`	Element diňe beýikligi boýunça giňeldip bolýar.
`none`	Elementiň ölçeglerini üýtgetmek bolmaýar.

Bellenen görnüş: none. textarea üçin käbir brauzerlere: both. resize goldawyny üpjün etmeýän şol brauzerlere, textarea none görnüşi bellenen ýaly hereket eder.

Mysal . Both görnüşi

Element iki tarapa giňelýär:

html<textarea></textarea>

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

Результат:

Mysal . Horizontal görnüşi

Element diňe göni tarapa giňelýär:

html<textarea></textarea>

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

Результат:

Mysal . Vertical görnüşi

Element diňe dik tarapa giňelýär:

html<textarea></textarea>

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

Результат:

Mysal . None görnüşi

Element hiç hili giňelmeýär:

html<textarea></textarea>

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

Результат:

Mysal . Giňişlik we beýiklik çäklendirmesi

Iň kiçi we iň uly giňişligi we beýikligi max-width, min-width, max-height, min-height häsiýetlerini ulanmak arkaly çäklendirip bolýar:

html<textarea></textarea>

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

Результат: