У правому нижньому куті текстового поля <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>