CSS

Customising The Textarea Element

When you add a textarea to your webpage it will allow the webpage visitor access to resize the textarea to any size they want horizontal and vertical. In chrome you are only able to resize the textarea on the vertical.

There is a CSS property that allows you to control how the user can resize textareas.

resize: both;
resize: horizontal;
resize: vertical;
resize: none;

Resize Both

<textarea style="resize: both;">
Resize the textarea both horizontal and vertical
</textarea>

Resize Horizontal

<textarea style="resize: horizontal;">
Resize horizontal
</textarea>

Resize Vertical

<textarea style="resize: vertical;">
Resize vertical
</textarea>

Resize None

<textarea style="resize: none;">
No resizing
</textarea>
Back to top

Gain access to all tutorials

  • Premium tutorials covering WordPress, Laravel and VueJS
  • Download premium content
  • Download premium WordPress plugins
  • Only $5 a month

Join Paulund