Lastnost resize

Lastnost resize prepove ali dovoli spreminjanje velikosti textarea ali drugih elementov (z drugimi elementi ne deluje v vseh brskalnikih).

Sintaksa

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

Vrednosti

Vrednost	Opis
`both`	Element je mogoče raztegniti po širini in višini.
`horizontal`	Element je mogoče raztegniti le po širini.
`vertical`	Element je mogoče raztegniti le po višini.
`none`	Velikosti elementa ni mogoče spreminjati.

Privzeta vrednost: none. Za textarea v nekaterih brskalnikih: both. V tistih brskalnikih, kjer ni podpore za resize, se bo textarea obnašal, kot da je nastavljena vrednost none.

Primer . Vrednost both

Element se razteza v obe smeri:

html<textarea></textarea>

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

Результат:

Primer . Vrednost horizontal

Element se razteza le vodoravno:

html<textarea></textarea>

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

Результат:

Primer . Vrednost vertical

Element se razteza le navpično:

html<textarea></textarea>

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

Результат:

Primer . Vrednost none

Element se sploh ne razteza:

html<textarea></textarea>

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

Результат:

Primer . Omejitev širine in višine

Minimalno in maksimalno širino in višino je mogoče omejiti z lastnostmi 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;
}

Результат: