MoreLesson 255Free preview

Disable Resizing of Textarea

This lesson is part of How To · All levels

Summary

The textarea can be changed by default by drawing the lower right corner. Resizing properties: none disables that ability, while resizing: vertical or horizontal limits the direction of change. Turn off the resize only if the layout really needs it, and make sure the user is comfortable writing long text.

Key points

Resize: none prevents textarea being resized by users.
Resize: vertical only allows for changes in height; horizontal only width.
Limit also min-height, max-height, and width to keep the layout stable.
Do not rely on resize: none as a substitute for validation or character limits.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.