Vlastnost resize
Vlastnost resize zakazuje nebo povoluje
změnu velikosti textarea
nebo jiných prvků (s jinými prvky
nefunguje ve všech prohlížečích).
Syntaxe
selektor {
resize: both | horizontal | vertical | none;
}
Hodnoty
| Hodnota | Popis |
|---|---|
both |
Prvek lze roztáhnout do šířky a výšky. |
horizontal |
Prvek lze roztáhnout pouze do šířky. |
vertical |
Prvek lze roztáhnout pouze do výšky. |
none |
Velikost prvku nelze měnit. |
Výchozí hodnota: none. Pro textarea
v některých prohlížečích: both. V těch
prohlížečích, které nepodporují resize, se textarea
bude chovat, jako by byla nastavena hodnota none.
Příklad . Hodnota both
Prvek se roztahuje oběma směry:
<textarea></textarea>
textarea {
resize: both;
width: 200px;
height: 200px;
}
:
Příklad . Hodnota horizontal
Prvek se roztahuje pouze vodorovně:
<textarea></textarea>
textarea {
resize: horizontal;
width: 200px;
height: 200px;
}
:
Příklad . Hodnota vertical
Prvek se roztahuje pouze svisle:
<textarea></textarea>
textarea {
resize: vertical;
width: 200px;
height: 200px;
}
:
Příklad . Hodnota none
Prvek se neroztahuje vůbec:
<textarea></textarea>
textarea {
resize: none;
width: 200px;
height: 200px;
}
:
Příklad . Omezení šířky a výšky
Minimální a maximální šířku a výšku lze omezit pomocí vlastností 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;
}
: