resize
resize は要素が変更可能であれば変更の方向を指定します。サイズが変更可能な場合、通常は要素の右下に二本の斜線が表示されます。
- 値
- none, both, horizontal, vertical
- 初期値
- none
- 対象
- overflow プロパティの値が visible 以外の要素
- 継承
- しない
- CSS レベル
- CSS3
値の詳細
- none
- サイズ変更不可
- both
- 幅、高さを変更可
- horizontal
- 幅を変更可
- vertical
- 高さを変更可
サンプル
HTML
<div class="item">
<div id="box1">resize が適用される要素</div>
</div>CSS
#box1 {
margin: 0;
width: 200px;
height: 150px;
background-color: #999999;
overflow: auto;
resize: both;
}