Egenskapen resize

Egenskapen resize forbyr eller tillater endring av størrelse på textarea eller andre elementer (med andre elementer fungerer det ikke i alle nettlesere).

Syntaks

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

Verdier

Verdi	Beskrivelse
`both`	Elementet kan strekkes i bredde og høyde.
`horizontal`	Elementet kan bare strekkes i bredde.
`vertical`	Elementet kan bare strekkes i høyde.
`none`	Endring av størrelse på elementet er ikke tillatt.

Standardverdi: none. For textarea i noen nettlesere: both. I de nettleserne som ikke støtter resize, vil textarea oppføre seg som om verdien none er satt.

Eksempel . Verdien both

Elementet strekkes i begge retninger:

html<textarea></textarea>

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

Результат:

Eksempel . Verdien horizontal

Elementet strekkes bare horisontalt:

html<textarea></textarea>

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

Результат:

Eksempel . Verdien vertical

Elementet strekkes bare vertikalt:

html<textarea></textarea>

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

Результат:

Eksempel . Verdien none

Elementet strekkes ikke i det hele tatt:

html<textarea></textarea>

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

Результат:

Eksempel . Begrensning av bredde og høyde

Minimums- og maksimums- bredde og høyde kan begrenses med egenskapene 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;
}

Результат: