Sifat resize

Sifat resize melarang atau membenarkan perubahan saiz textarea atau elemen lain (dengan elemen lain tidak berfungsi dalam semua pelayar).

Sintaks

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

Nilai

Nilai	Keterangan
`both`	Elemen boleh diregangkan mengikut lebar dan ketinggian.
`horizontal`	Elemen hanya boleh diregangkan mengikut lebar.
`vertical`	Elemen hanya boleh diregangkan mengikut ketinggian.
`none`	Saiz elemen tidak boleh diubah.

Nilai lalai: none. Untuk textarea dalam beberapa pelayar: both. Dalam pelayar yang tidak menyokong resize, textarea akan berkelakuan seolah-olah nilai none ditetapkan.

Contoh . Nilai both

Elemen diregangkan dalam kedua-dua arah:

html<textarea></textarea>

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

Результат:

Contoh . Nilai horizontal

Elemen diregangkan hanya mengikut mendatar:

html<textarea></textarea>

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

Результат:

Contoh . Nilai vertical

Elemen diregangkan hanya mengikut menegak:

html<textarea></textarea>

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

Результат:

Contoh . Nilai none

Elemen tidak diregangkan langsung:

html<textarea></textarea>

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

Результат:

Contoh . Had lebar dan ketinggian

Anda boleh mengehadkan lebar dan ketinggian minimum dan maksimum dengan menggunakan sifat 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;
}

Результат: