例

[1] resize: auto WebKit

歴史

'resizer'

  • [1] User Interface Enhancements ( ( 版)) http://www.w3.org/TR/1999/WD-css3-userint-19990916#resizer
  • [2] User Interface for CSS3 ( ( 版)) http://www.w3.org/TR/2000/WD-css3-userint-20000216#resizer
  • [3] CSS3 module: Basic User Interface ( (Tantek Çelik 著, 版)) http://www.w3.org/TR/2002/WD-css3-ui-20020802/#resizer

'resize'

  • [2] CSS3 Basic User Interface Module ( (Tantek Çelik 著, 版)) http://www.w3.org/TR/2003/WD-css3-ui-20030703/#resize

[4] CSS3 Basic User Interface Module ( (Tantek Çelik 著, 版)) http://www.w3.org/TR/2004/CR-css3-ui-20040511/#resize

[5] CSS Basic User Interface Module Level 3 (CSS3 UI) ( (Tantek Çelik 著, 版)) http://dev.w3.org/csswg/css3-ui/#resize

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