resize プロパティ
resize プロパティは、エレメントの大きさを閲覧するユーザーが変更できるようにするプロパティです。
resize プロパティは、overflowプロパティに"visible"以外を設定しないと機能しません。
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 | 縦にも横にもリサイズ |
horizontal | 横にリサイズ |
vertical | 縦にリサイズ |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | none |
継承(Inherited) | No |
CSS Animation | No |
Example
resizeの例です。閲覧中にエレメントのサイズ変更ができます。
overflowプロパティの値に"visible"以外を指定します。overflowプロパティは内容にはみ出す部分があったら、はみ出す部分を表示しない、スクロールを表示するを選択できます。
関連するプロパティ
以下の関連するプロパティがあります。
height | エレメントの高さ |
max-height | 最大高さ |
min-height | 最小高さ |
width | エレメントの幅 |
max-width | 最大幅 |
min-width | 最小幅 |
user-select | 閲覧ユーザーのテキストの選択方法 |