CSS-свойство resize

CSS-свойство resize определяет, может ли пользователь изменять размер элемента или нет; если да, то по каким направлениям.

Значение по умолчанию:	`none`
Применяется к:	Элементы с overflow не `visible`
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

resize: none | both | horizontal | vertical | initial | inherit

Примеры написания кода свойства resize:

textarea {
    resize: none;
}
div {
    resize: both;
    overflow: auto;
}

Свойство resize применяется к элементу, чье вычисленное значение overflow отличается от visible. Если overflow задано для определенной оси (то есть, overflow-x или overflow-y), то это свойство применится только для нее.

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`none`	Пользователь не может изменять размер элемента. Это значение установлено по умолчанию.
`both`	Элемент отображает механизм двунаправленного изменения размера, позволяющий пользователю регулировать как высоту, так и ширину элемента.
`horizontal`	Элемент отображает однонаправленный горизонтальный механизм изменения размера, позволяющий пользователю регулировать только ширину элемента.
`vertical`	Элемент отображает однонаправленный вертикальный механизм изменения размера, позволяющий пользователю регулировать только высоту элемента..
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `resize`.