resizeプロパティとは？
状態:-
閲覧数:2,428
投稿日:2017-07-11
更新日:2017-07-11
ユーザーが「ドラッグすることで要素サイズを変更できるかどうか」を指定
リサイズするには？
・右下ある斜め棒2本(リサイズ領域)をドラッグする
下記要件を満たす任意の要素
・textareaである必要はない
要件
・overflowプロティのvisible以外の値が指定された要素
＝overflowがvisibleと指定されていない要素
※visibleは初期値なので、違う値を設定
none
・リサイズ機能を無効
・ユーザーに要素のリサイズ機能を提供しない（初期値）
both
・水平垂直(全)方向にリサイズ可能
・ユーザーに要素の幅と高さのリサイズ機能を提供する
horizontal
・水平方向のみリサイズ可能
・ユーザーに要素の幅のリサイズ機能を提供する
vertical
・垂直方向のみリサイズ可能
・ユーザーに要素の高さのリサイズ機能を提供する
inherit
・親要素の値を継承する
リサイズするには？
・右下ある斜め棒2本(リサイズ領域)をドラッグする
適用対象
下記要件を満たす任意の要素
・textareaである必要はない
要件
・overflowプロティのvisible以外の値が指定された要素
＝overflowがvisibleと指定されていない要素
※visibleは初期値なので、違う値を設定
値
none
・リサイズ機能を無効
・ユーザーに要素のリサイズ機能を提供しない（初期値）
both
・水平垂直(全)方向にリサイズ可能
・ユーザーに要素の幅と高さのリサイズ機能を提供する
horizontal
・水平方向のみリサイズ可能
・ユーザーに要素の幅のリサイズ機能を提供する
vertical
・垂直方向のみリサイズ可能
・ユーザーに要素の高さのリサイズ機能を提供する
inherit
・親要素の値を継承する
可変する子要素の幅や高さに合わせ、親要素を連動させるためには？
可変する子要素
・textareaなど
親要素に、下記何れかを指定
・可変するtextareaの幅に合わせて広がる親div
・textareaなど
可変する子要素の幅や高さに合わせ、親要素を連動させるためには？
親要素に、下記何れかを指定
display: table;
display: table-cell;
・可変するtextareaの幅に合わせて広がる親div