Sifa ya resize

Sifa resize inazuia au kuruhusu kubadilisha ukubwa wa textarea au elementi nyingine (kwa elementi nyingine hafanyi kazi katika vivinjari vyote).

Syntax

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

Thamani

Thamani	Maelezo
`both`	Inaweza kunyoosha elementi kwa upana na urefu.
`horizontal`	Inaweza kunyoosha elementi kwa upana tu.
`vertical`	Inaweza kunyoosha elementi kwa urefu tu.
`none`	Haiwezi kubadilisha ukubwa wa elementi.

Thamani chaguomsingi: none. Kwa textarea katika baadhi ya vivinjari: both. Katika vivinjari visivyotumii resize, textarea itafanya kana kwamba imewekwa thamani none.

Mfano . Thamani both

Elementi inanyoosha kwa pande zote mbili:

html<textarea></textarea>

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

Результат:

Mfano . Thamani horizontal

Elementi inanyoosha kwa usawa tu:

html<textarea></textarea>

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

Результат:

Mfano . Thamani vertical

Elementi inanyoosha kwa wima tu:

html<textarea></textarea>

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

Результат:

Mfano . Thamani none

Elementi hainyoshi kabisa:

html<textarea></textarea>

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

Результат:

Mfano . Kikomo cha upana na urefu

Inaweza kuzuia upana wa chini na wa juu na urefu kwa kutumia sifa 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;
}

Результат: