<textarea>This textarea can be resized</textarea>

<textarea class="no-resize">This textarea cannot be resized</textarea>

<textarea class="horizontal-resize">This textarea can be resized horizontally</textarea>

<textarea class="vertical-resize">This textarea can be resized vertically</textarea>
body {
  height: 100vh;
  display: grid;
  place-items: center;
  gap: 2rem;

textarea {
  padding: .5rem;
  width: 50vmin;
  height: 20vmin;
  font-family: Arial, sans-serif;
  font-size: 11pt;

textarea.no-resize {
  resize: none;

textarea.horizontal-resize {
  resize: horizontal;

textarea.vertical-resize {
  resize: vertical;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.