CSS3 resize Property

ことを指定し<div>要素は、ユーザーがサイズ変更可能でなければなりません。

div {
resize: both;
overflow: auto;
}

もっと"Try it Yourself"以下の例。

定義と使用法

リサイズプロパティは、要素がユーザーによってサイズを変更できるかどうかを指定します。

Note:リサイズプロパティは、その計算されたオーバーフロー値以外のものである要素に適用される"visible" 。

デフォルト値：	none
継承されました：	no
アニメーション：	no. Read about animatable
バージョン：	CSS3
JavaScriptシンタックス：	object .style.resize="both" Try it

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

-moz-に続く数字は接頭辞で働いていた最初のバージョンを指定します。

プロパティ
resize	4.0	サポートされていません	5.0 4.0 -moz-	4.0	15.0

値	説明	それを再生します
none	デフォルト値。ユーザーは、要素のサイズを変更することはできません	それを再生します»
both	ユーザーは、高さと要素の幅の両方を調整することができます	それを再生します»
horizontal	ユーザは、エレメントの幅を調整することができ	それを再生します»
vertical	ユーザは、要素の高さを調整することができます	それを再生します»
initial	このプロパティがデフォルト値に設定します。初期についての記事を読みます	それを再生します»
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

ユーザーはの高さだけリサイズしてみましょう<div>要素を：

div {
resize: vertical;
overflow: auto;
}

ユーザーが唯一の幅サイズを変更してみましょう<div>要素を：

div {
resize: horizontal;
overflow: auto;
}

デフォルトでは、 <textarea>要素はサイズ変更可能です。サイズを変更するテキストエリアを防ぐためにリサイズプロパティを使用します(disable the "grabber" in the textarea) ：

textarea {
resize: none;
}