Omadus resize
Omadus resize keelab või lubab
mõõtmete muutmise textarea
või teiste elementide puhul (teiste elementidega
ei tööta kõigis brauserites).
Süntaks
selektor {
resize: both | horizontal | vertical | none;
}
Väärtused
| Väärtus | Kirjeldus |
|---|---|
both |
Elementi saab venitada nii laiuse kui kõrguse suunas. |
horizontal |
Elementi saab venitada ainult laiuse suunas. |
vertical |
Elementi saab venitada ainult kõrguse suunas. |
none |
Elemendi mõõtmeid ei saa muuta. |
Vaikeväärtus: none. textarea puhul
mõnes brauseris: both. Nendes
brauserites, kus puudub resize toe, käitub textarea
nagu oleks määratud väärtus none.
Näide . Väärtus both
Elementi saab venitada mõlemas suunas:
<textarea></textarea>
textarea {
resize: both;
width: 200px;
height: 200px;
}
:
Näide . Väärtus horizontal
Elementi saab venitada ainult horisontaalselt:
<textarea></textarea>
textarea {
resize: horizontal;
width: 200px;
height: 200px;
}
:
Näide . Väärtus vertical
Elementi saab venitada ainult vertikaalselt:
<textarea></textarea>
textarea {
resize: vertical;
width: 200px;
height: 200px;
}
:
Näide . Väärtus none
Elementi ei saa üldse venitada:
<textarea></textarea>
textarea {
resize: none;
width: 200px;
height: 200px;
}
:
Näide . Laiuse ja kõrguse piiramine
Minimaalset ja maksimaalset
laiust ja kõrgust saab piirata omaduste max-width,
min-width,
max-height,
min-height abil:
<textarea></textarea>
textarea {
resize: both;
min-height: 100px;
max-height: 300px;
min-width: 100px;
max-width: 300px;
}
: