ボックスのサイズ変更の可否を指定する
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


