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 ^

Join Paulund

  • Get access to 100s of premium tutorials and downloadable content
  • Members content consists of Premium WordPress plugins, CSS packages, jQuery packages, tutorial demo files and templates for 100s of web development tutorials
  • In-depth development tutorials
  • Priority tutorial requests
  • Priority email development support
  • No ads

Here at Paulund you'll find Web Development tutorials and snippets focusing mainly on PHP, WordPress and CSS. Members will get access to premium tutorials that go into more detail about development with these languages. You will also get access to downloadable premium content based on the tutorial.

Join Paulund

Leave a Reply

Your email address will not be published. Required fields are marked *