ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS ストレッチ Resize_html/css_WEB-ITnose
CSS3 には、ユーザーがドラッグすることで要素のサイズを変更できるように、resize 属性が追加されました。本来、サイズ変更はズームとして解釈されるべきですが、実際のテストでは、サイズ変更属性は幅と高さに基づいた伸縮効果のみを実現でき、幅と高さ未満に拡大縮小する効果は実現できません。
[注意] IE ブラウザは、resize 属性をサポートしていません
resize
サイズ変更は、要素のオーバーフロー属性値が表示されていない場合にのみ機能します
[注意]ボックス自体 overflow:auto の属性を持っているので、resize 属性が付いています
値:なし | 両方 | 垂直初期値:なし
適用:ブロックレベルの要素、置換要素、表のセル
継承:なし
none: 用户无法调整元素尺寸both: 用户可调整元素的宽度和高度horizontal: 用户只可调整元素的宽度vertical: 用户只可调整元素的高度
[注意] win7でのサイズ変更ドラッグエリアのサイズは17px*17pxで、実際にはスクロールバーのサイズです