Eienskap resize

Die eienskap resize verbied of laat verandering van groottes van textarea of ander elemente toe (werk nie in alle blaaiers met ander elemente nie).

Sintaksis

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

Waardes

Waarde	Beskrywing
`both`	Element kan in breedte en hoogte gestrek word.
`horizontal`	Element kan slegs in breedte gestrek word.
`vertical`	Element kan slegs in hoogte gestrek word.
`none`	Verandering van elementgrootte is nie toegelaat nie.

Verstekwaarde: none. Vir textarea in sommige blaaiers: both. In daardie blaaiers waar ondersteuning vir resize nie bestaan nie, sal textarea homself gedra asof die waarde none gestel is.

Voorbeeld . Waarde both

Element word in beide rigtings gestrek:

html<textarea></textarea>

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

Результат:

Voorbeeld . Waarde horizontal

Element word slegs horisontaal gestrek:

html<textarea></textarea>

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

Результат:

Voorbeeld . Waarde vertical

Element word slegs vertikaal gestrek:

html<textarea></textarea>

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

Результат:

Voorbeeld . Waarde none

Element word glad nie gestrek nie:

html<textarea></textarea>

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

Результат:

Voorbeeld . Beperking van breedte en hoogte

Minimum en maksimum breedte en hoogte kan beperk word met behulp van die eienskappe 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;
}

Результат: