CSS - resize

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

概要

属性名 resize
none | both | horizontal | vertical
初期値 none
適用可能要素ブロック要素
継承継承しない
サポートC3 / Ch1 / Fx4 / Sa3 / Op12.1

説明

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

none
許可しません。
both
縦方向・横方向共に許可します。
horizontal
横方向のみ許可します。
vertical
縦方向のみ許可します。

使用例

CSS
.resizable {
  width: 20rem;
  height: 4rem;
  resize: both;
  overflow: hidden;
  background-color: #ffc;
  border: 1px solid #ccc;
}
HTML
<div class="resizable">
  この領域はマウスで大きさを変更することができます。
</div>
表示
この領域はマウスで大きさを変更することができます。

関連項目

リンク


Copyright (C) 2019 杜甫々
初版:2019年12月30日、最終更新:2019年12月30日
http://www.tohoho-web.com/css/prop/resize.htm