Resize-ominaisuus
Ominaisuus resize kieltää tai sallii
textarea-elementin
koon muuttamisen (muiden elementtien kanssa
se ei toimi kaikissa selaimissa).
Syntaksi
valitsija {
resize: both | horizontal | vertical | none;
}
Arvot
| Arvo | Kuvaus |
|---|---|
both |
Elementtiä voi venyttää leveys- ja korkeussuunnassa. |
horizontal |
Elementtiä voi venyttää vain leveyssuunnassa. |
vertical |
Elementtiä voi venyttää vain korkeussuunnassa. |
none |
Elementin kokoa ei voi muuttaa. |
Oletusarvo: none. textarea-elementille
joissakin selaimissa: both. Sellaisissa
selaimissa, joissa resize-ominaisuutta ei tueta, textarea
käyttäytyy kuin sille olisi asetettu arvo none.
Esimerkki . Arvo both
Elementtiä venytetään molempiin suuntiin:
<textarea></textarea>
textarea {
resize: both;
width: 200px;
height: 200px;
}
:
Esimerkki . Arvo horizontal
Elementtiä venytetään vain vaakasuunnassa:
<textarea></textarea>
textarea {
resize: horizontal;
width: 200px;
height: 200px;
}
:
Esimerkki . Arvo vertical
Elementtiä venytetään vain pystysuunnassa:
<textarea></textarea>
textarea {
resize: vertical;
width: 200px;
height: 200px;
}
:
Esimerkki . Arvo none
Elementtiä ei venytetä ollenkaan:
<textarea></textarea>
textarea {
resize: none;
width: 200px;
height: 200px;
}
:
Esimerkki . Leveyden ja korkeuden rajoitus
Minimi- ja maksimileveyttä ja -korkeutta voidaan rajoittaa
ominaisuuksilla 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;
}
: