resize

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

Наследует значение родителя.

Пример

<!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>

</div>

</body>

</html>