備忘録的プログラミングリファレンス

resize プロパティ

 resize プロパティは、エレメントの大きさを閲覧するユーザーが変更できるようにするプロパティです。

 resize プロパティは、overflow プロパティに "visible" 以外を設定しないと機能しません。

エレメントを縦にも横にもリサイズ(Exampleを参照
overflow: hidden;
resize: both;

ページ内 Index

構文(Syntax)

CSS

resize: none | both | horizontal | vertical | initial | inherit;

DOM ( JavaScript )

値の取得
String = object.style.resize;
値の設定
object.style.resize="none | both | horizontal | vertical | initial | inherit";

値(Values)

Value摘要
none初期値(default値)、リサイズしない
both縦にも横にもリサイズ
blockユーザーによるサイズ変更可に。右下にサイズ変更のタブがつく
horizontal横にリサイズ
vertical縦にリサイズ
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)No
CSS AnimationNo

Example

 resizeの例です。閲覧中にエレメントのサイズ変更ができます。
 overflowプロパティの値に"visible"以外を指定します。overflowプロパティは内容にはみ出す部分があったら、はみ出す部分を表示しない、スクロールを表示するを選択できます。