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
- Успадковує значення батька.
Приклад
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
<!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>