<ul>
  <li><textarea placeholder="通常のテキストエリア"></textarea></li>
  <li><textarea class="none" placeholder="幅と高さのリサイズ禁止"></textarea></li>
  <li><textarea class="vertical" placeholder="幅のリサイズ禁止"></textarea></li>
  <li><textarea class="horizontal" placeholder="高さのリサイズ禁止"></textarea></li>
</ul>
ul{
  padding: 50px;
}
li{
  margin: 0 0 30px;
}
textarea{
  width: 100%;
  height: 200px;
  padding: 20px;
  box-sizing: border-box;
}
.none{
  resize: none;
}
.vertical{
  resize: vertical;
}
.horizontal{
  resize: horizontal;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.