Īpašība resize

Īpašība resize aizliedz vai atļauj textarea izmēru maiņu vai citiem elementiem (ar citiem elementiem nedarbojas visos pārlūkos).

Sintakse

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

Vērtības

Vērtība	Apraksts
`both`	Elementu var izstiept platumā un augstumā.
`horizontal`	Elementu var izstiept tikai platumā.
`vertical`	Elementu var izstiept tikai augstumā.
`none`	Elementa izmērus nevar mainīt.

Noklusējuma vērtība: none. Priekš textarea dažos pārlūkos: both. Tajos pārlūkos, kuri neatbalsta resize, textarea uzvedīsies tā, it kā būtu iestatīta vērtība none.

Piemērs . Vērtība both

Elements tiek izstiepts abos virzienos:

html<textarea></textarea>

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

Результат:

Piemērs . Vērtība horizontal

Elements tiek izstiepts tikai horizontāli:

html<textarea></textarea>

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

Результат:

Piemērs . Vērtība vertical

Elements tiek izstiepts tikai vertikāli:

html<textarea></textarea>

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

Результат:

Piemērs . Vērtība none

Elements vispār netiek izstiepts:

html<textarea></textarea>

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

Результат:

Piemērs . Platuma un augstuma ierobežojumi

Var ierobežot minimālo un maksimālo platumu un augstumu, izmantojot īpašības 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;
}

Результат: