| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 1.0+ | 12.10+ | 3.0+ | 4.0+ | 2.0+ |
Опис
| Значення за замовчуванням | none |
|---|---|
| Наслідується | Ні |
| Застосовується | До <textarea> |
| Відсотковий запис | Не застосовується |
| Посилання на специфікацію | http://www.w3.org/TR/2004/CR-css3-ui-20040511/#resize |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Вказує, чи може користувач змінювати розміри текстового поля.
Синтаксис
resize: none | both | horizontal | vertical | inherit
Значення
- none
- Розміри елемента не змінюються.
- both
- Можна змінювати розміри елемента горизонтально та вертикально.
- horizontal
- Можна змінювати розміри елемента лише горизонтально.
- vertical
- Можна змінювати розміри елемента лише вертикально.
- inherit
- Наслідує значення батька.
Приклад
HTML5CSS2.1CSS3IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>resize</title>
<style>
textarea { resize: both; }
</style>
</head>
<body>
<p>Тягніть за правий куток, щоб змінити розмір текстового поля.</p>
<p><textarea cols="30" rows="7"></textarea></p>
</body>
</html>