resize プロパティ
resize プロパティは、エレメントの大きさを閲覧するユーザーが変更できるようにするプロパティです。
resize プロパティは、overflow プロパティに "visible" 以外を設定しないと機能しません。
ページ内 Index
構文(Syntax)
CSS
DOM ( JavaScript )
値(Values)
Value | 摘要 |
---|---|
none | 初期値(default値)、リサイズしない |
both | 縦にも横にもリサイズ |
block | ユーザーによるサイズ変更可に。右下にサイズ変更のタブがつく |
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 | 最小幅 |
resize | ユーザーがサイズを変更可能に |
user-select | 閲覧ユーザーのテキストの選択方法 |