ボックスのサイズ変更の可否を指定する

resize

{ resize リサイズ : サイズ変更の可否; }

resizeプロパティは、ボックスのサイズ変更(リサイズ)の可否を指定します。

初期値 none
継承 なし
適用される要素 overflowプロパティでvisible以外の値が指定された要素
モジュール CSS3 Basic User Interface Module Level 3

値の指定方法

サイズ変更の可否

none ボックスのサイズ変更の可否を指定しません。
both ボックスの幅と高さのサイズ変更を許可します。
horizontal ボックスの幅のサイズ変更を許可します。
vertical ボックスの高さのサイズ変更を許可します。

サンプルコード

.box{
  width: 400px; height: 100px;
  border: solid 1px black;
  overflow: auto;
  resize: both;
}
Google Chrome