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 | 縦にも横にもリサイズ |
| 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 | 閲覧ユーザーのテキストの選択方法 |
