CSS3: resize プロパティ - ユーザーによるサイズ変更の可否

■ 概要

項　　目説　　明
記述形式 セレクタ {resize: 値 }
値 の形式 none，both，horizontal，vertical，inherit
初 期 値 none
対応ブラウザー C3+ / e?+ / N?+ / Fx4+ / Op?+ / Ch9+ / Sa5+
適用可能な要素 overflowプロティのvisible以外の値が指定された要素
継　　承 しない

■ 解説

resizeプロパティ は，ユーザーによるサイズ変更の可否を指定します。

指定できる値の形式は，以下のとおりです。

値説　　明
none ユーザーが要素のサイズ変更を行う機能を提供しません。（初期値）
both ユーザーが要素の幅と高さの両方を変更できる機能を提供します。
horizontal ユーザーが要素の幅を変更できる機能を提供します。
vertical ユーザーが要素の高さを変更できる機能を提供します。
inherit 親要素の設定を継承します。

■ 使用例（  quotes プロパティの利用）

HTMLソース
CSS
<head> ～ </head>		 
<style type="text/css">
<!-- 
   div.sample1 {
      width: 240px; height:60px;
      border: 1px solid; background-color: limegreen; 
      overflow: auto;
      resize: both;
   } 
-->
</style>
HTML
<body> ～ </body>		 
<div class="sample1">resize: both; を適用</div>

ブラウザー 表示例　（未対応のブラウザーでは正しく表示されません）
resize: both; を適用

■ 備考

【参考ページ】