Lastnost resize
Lastnost resize prepove ali dovoli
spreminjanje velikosti textarea
ali drugih elementov (z drugimi elementi
ne deluje v vseh brskalnikih).
Sintaksa
selektor {
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:
<textarea></textarea>
textarea {
resize: both;
width: 200px;
height: 200px;
}
:
Primer . Vrednost horizontal
Element se razteza le vodoravno:
<textarea></textarea>
textarea {
resize: horizontal;
width: 200px;
height: 200px;
}
:
Primer . Vrednost vertical
Element se razteza le navpično:
<textarea></textarea>
textarea {
resize: vertical;
width: 200px;
height: 200px;
}
:
Primer . Vrednost none
Element se sploh ne razteza:
<textarea></textarea>
textarea {
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:
<textarea></textarea>
textarea {
resize: both;
min-height: 100px;
max-height: 300px;
min-width: 100px;
max-width: 300px;
}
: