resizeプロパティ

resizeプロパティはブロック要素に対し、ドラッグによるサイズ変更の可否を設定するためのプロパティです。

resizeプロパティに指定できる値

resizeプロパティには次の値を指定することができます。

値に「both」を指定している例です。
overflowプロパティは「hidden」を指定しています。

.element1 {
  overflow: hidden;
  resize: both;
}

<p class="element1"></p>

ブラウザで表示してみると以下のようになります。

値に「horizontal」を指定している例です。

.element2 {
  overflow: hidden;
  resize: horizontal;
}

<p class="element2"></p>

ブラウザで表示してみると以下のようになります。

値に「vertical」を指定している例です。

.element3 {
  overflow: hidden;
  resize: vertical;
}

<p class="element3"></p>

ブラウザで表示してみると以下のようになります。