Omadus resize

Omadus resize keelab või lubab mõõtmete muutmise textarea või teiste elementide puhul (teiste elementidega ei tööta kõigis brauserites).

Süntaks

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

Väärtused

Vaikeväärtus: none. textarea puhul mõnes brauseris: both. Nendes brauserites, kus puudub resize toe, käitub textarea nagu oleks määratud väärtus none.

Näide . Väärtus both

Elementi saab venitada mõlemas suunas:

html<textarea></textarea>

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

Результат:

Näide . Väärtus horizontal

Elementi saab venitada ainult horisontaalselt:

html<textarea></textarea>

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

Результат:

Näide . Väärtus vertical

Elementi saab venitada ainult vertikaalselt:

html<textarea></textarea>

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

Результат:

Näide . Väärtus none

Elementi ei saa üldse venitada:

html<textarea></textarea>

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

Результат:

Näide . Laiuse ja kõrguse piiramine

Minimaalset ja maksimaalset laiust ja kõrgust saab piirata omaduste max-width, min-width, max-height, min-height abil:

html<textarea></textarea>

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

Результат: