【HTML】リサイズdiv

単にマウスでサイズを変えられるdivタグのサンプル。※IE不可

resize: both を指定するだけ。

中の文字は white-space: nowrap; で自動改行しないモードがよさげ。

枠線をドラッグするには、 枠線をdivで描画しないとダメっぽい。

と思ったけど、JS使えば枠線ドラッグも可。

※IEやChromeでマウスをキャプチャする仕組みが不明瞭なので広げる時はゆっくり操作。


  • カテゴリー:
  • HTML


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA