Свойство resize

Свойство resize позволяет пользователю изменять размеры элемента, задавая направление изменения — по вертикали, горизонтали или в обе стороны. Для всех элементов, кроме <textarea>, свойство работает, только если для элемента установлено свойство overflow, отличное от visible. Не работает в Internet Explorer. Применяется к блочным элементам, строчно-блочным и таблицам.

resize-css
Рис. 1. Свойство resize

Если для элемента установлено изменение размеров, в правом нижнем углу появляется треугольник, с помощью которого элемент можно растягивать в обеих направлениях. Уменьшение первоначальных размеров элемента не предусмотрено.

resize
Значения:
none Значение по умолчанию. Запрещает изменение размеров. С помощью этого значения можно отменить изменение размеров, установленное по умолчанию для элемента <textarea>.
both Элемент растягивается в обеих направлениях, по горизонтали и вертикали
horizontal Элемент может растягиваться в одном направлении — по горизонтали.
vertical Элемент может растягиваться только по вертикали.
inherit Наследует свойство от родительского элемента.

Синтаксис:

textarea {
    resize: none;
}
div {
    resize: vertical;
}