CSS3 Pre-Reference



resize

リサイズ可・不可の指定

試す

コード

p.resize_none { resize: none; }
p.resize_hr { resize: horizontal; }
p.resize_vr { resize: vertical; }
p.resize_bt { resize: both; }

サンプル

リサイズ不可

幅のみリサイズ可能

高さのみリサイズ可能

幅・高さともにリサイズ可能

※クラス名にはサンプルとして分かりやすい名称を付けています。実際には直接的なスタイルではなく、意味で名称を付けてください。
例:
○ important joke explanation obsolete merit bookName price
× bold red indented shadow veryBig waterStyle strangeGothic

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
3.0~
Opera
まだ
InternetExplorer
まだ

パラメータ

none | both | horizontal | vertical | inherit
初期値 none
適用 ”overflow:visible”以外の要素
継承 しない
レベル 3
%の解釈 -
適用メディア Visual
参考文献 CSS3 Basic User Interface Module#9.1. 'resize' property

解説

要素をリサイズできるようにします。

none
要素はリサイズ不可です。
both
要素は幅・高さともにリサイズ可能になります。
horizontal
要素は幅のみリサイズ可能になります。
vertical
要素は高さのみリサイズ可能になります。

トラックバック

投稿されたコメント