CSS - resize

• トップ
• CSSリファレンス
• resize

概要

説明

overflow に visible 以外の値が設定された要素に対して、縦方向、横方向のリサイズを許可するか否かを指定します。Internet Explorer ではサポートされていません。

none

許可しません。

both

縦方向・横方向共に許可します。

horizontal

横方向のみ許可します。

vertical

縦方向のみ許可します。

使用例

.resizable {
  width: 20rem;
  height: 4rem;
  resize: both;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
}

<div class="resizable">
  この領域はマウスで大きさを変更することができます。
</div>

関連項目

• overflow

リンク

• https://developer.mozilla.org/ja/docs/Web/CSS/resize
• https://drafts.csswg.org/css-ui-3/#resize
• https://caniuse.com/#feat=css-resize