Как запретить изменение размеров <textarea>?

В правом нижнем углу текстового поля <textarea> есть небольшой уголок (рис. 1) с помощью которого мышью можно изменить размеры поля.

Вид текстового поля

Рис. 1. Вид текстового поля

Вид уголка в браузерах может различаться, но его функция остаётся одинаковой — если щёлкнуть мышью и потянуть за уголок, то можно изменить размеры поля. Чтобы запретить эту возможность, следует для селектора textarea задать свойство resize со значением none (пример 1).

Пример 1. Использование resize

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Размеры текстового поля</title> <style> textarea { width: 90%; /* Ширина поля в процентах */ height: 200px; /* Высота поля в пикселях */ resize: none; /* Запрещаем изменять размер */ } </style> </head> <body> <textarea></textarea> </body> </html>

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 21.09.2018
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты