CSS свойство resize

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

Свойство resize применяется только к элементам, у которых свойство overflow не установлено в значение "visible".

CSS синтаксис

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

Возможные значения

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

Пример использования

Устанавливаем, что пользователь может изменять размеры элементов <div>


div {
     resize: both;
     overflow: auto;
}