* 例

[1] [CODE(CSS)@en[resize: auto]] [[WebKit]]

* 歴史

** [CODE(CSS)@en['resizer']]

[REFS[
- [1] [CITE[User Interface Enhancements]]
( ([TIME[1999-09-16 05:07:02 +09:00]] 版))
<http://www.w3.org/TR/1999/WD-css3-userint-19990916#resizer>
- [2] [CITE@en[User Interface for CSS3]]
( ([TIME[2000-06-23 03:09:21 +09:00]] 版))
<http://www.w3.org/TR/2000/WD-css3-userint-20000216#resizer>
- [3] [CITE@en[CSS3 module: Basic User Interface]]
( ([[Tantek Çelik]] 著, [TIME[2002-08-03 07:13:43 +09:00]] 版))
<http://www.w3.org/TR/2002/WD-css3-ui-20020802/#resizer>
]REFS]

** [CODE(CSS)@en['resize']]

[REFS[
- [2] [CITE@en[CSS3 Basic User Interface Module]]
( ([[Tantek Çelik]] 著, [TIME[2003-07-04 02:51:33 +09:00]] 版))
<http://www.w3.org/TR/2003/WD-css3-ui-20030703/#resize>
]REFS]

** 

[4] [CITE@en[CSS3 Basic User Interface Module]]
( ([[Tantek Çelik]] 著, [TIME[2004-05-12 02:17:47 +09:00]] 版))
<http://www.w3.org/TR/2004/CR-css3-ui-20040511/#resize>

[5] [CITE@en[CSS Basic User Interface Module Level 3 (CSS3 UI)]]
( ([[Tantek Çelik]] 著, [TIME[2011-09-29 17:32:08 +09:00]] 版))
<http://dev.w3.org/csswg/css3-ui/#resize>


[6] [[Windows]] の [CITE[Chrome]] で [CODE[resize]] を有効にしてみたところ。[[マウスイベント]]を掴まえている[[要素]]自体に指定すると、 resizer は表示され[[マウスカーソル]]の変化も確認できるものの、ドラッグしても変化はおこらない ([[イベント]]の方にだけ反応する、 [CODE[preventDefault]] のせいと思われるが未確認) です。[[先祖]]に [CODE[resize]] しても同様です。そのような[[要素]]が全面にあって[[余白]]もないような[[文書]]を [CODE[iframe]] に入れて表示して [CODE[iframe]] に [CODE[resize]] すると、[[フレーム]]内には[[マウスイベント]]が伝われないようで、 [CODE[resize]] UI は本来通りに機能します。 [TIME[2025-12-17T06:13:07.847Z]]