menu
menu

キーワード検索

resize【CSS3リファレンス】

  • CSS

resize

こんにちは(・∀・)

CSS3で新しく追加されたプロパティをご紹介します。今回ご紹介するCSSプロパティはresizeです。

概要

resizeプロパティはボックスの大きさを変更できるようにするプロパティです。幅と高さの両方、または幅のみ高さのみという指定もできます。

IEは対応しておりません。


.sample {
	resize: both;
}
適用要素

overflowの値がvisible以外の要素

指定できる値
both
幅も高さも変更できます。
horizontal
幅だけ変更できます。
vertical
高さだけ変更できます。
none
変更不可。
初期値

none

サンプルデモ

サンプルデモ
右下コーナーにカーソルをあわせてみてください。大きさを変えることができます。

HTML

<p class="demo">サンプルデモ</p>
CSS

.demo {
	background: silver;
	width: auto;
	height: 100px;
	overflow: auto;
	resize: both;
}
  • カテゴリー:CSS