resize …… ユーザーが要素のサイズを変更できるかどうかを指定する
広告
resizeプロパティは、ユーザーが要素のサイズを変更できるかどうかを指定する際に使用します。
ユーザーによる要素のリサイズを許可する場合、
リサイズを許可する要素にはresizeプロパティと同時に
overflowプロパティのvisible以外の値を指定する必要があります。
■値
- none
- ユーザーに要素のリサイズ機能を提供しない（初期値）
- both
- ユーザーに要素の幅と高さのリサイズ機能を提供する
- horizontal
- ユーザーに要素の幅のリサイズ機能を提供する
- vertical
- ユーザーに要素の高さのリサイズ機能を提供する
- inherit
- 親要素の値を継承する
■初期値・適用対象・値の継承
- 初期値
- none
- 適用対象
- overflowプロティのvisible以外の値が指定された要素
- 値の継承
- しない
■使用例
CSSソースは外部ファイル（sample.css）に記述
div.sample1 {
width:200px; height:50px;
border:1px solid; background-color:yellow;
overflow:auto;
resize:both;
}
HTMLソース
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<div class=”sample1″>resize:both; を適用</div>
</body>
</html>
↓↓↓
ブラウザ上の表示
resize:both; を適用
広告