* 仕様書 [REFS[ -[6] [CITE@en[CSS Basic User Interface Module Level 3 (CSS3 UI)]] ([[Tantek Çelik]] 著, [TIME[2013-09-06 15:18:10 +09:00]] 版) ]REFS] * キーワード [5] [CODE(CSS)@en[cursor]] 属性の[[鍵語]]による指定: ,値 ,説明 ,状態 ,出典 ,[CODE(CSS)@en[[[alias]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[-moz-alias]]]] ,[CODE(CSS)@en[[[all-scroll]]]] , ,[[W3C]] [[勧告候補]] ,"[WinIE 6], [[CSS 3]]" ,[CODE(CSS)@en[[[auto]]]] ,[[自動]] ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[cell]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[col-resize]]]] , ,[[W3C]] [[勧告候補]] ,"[WinIE 6], [[CSS 3]]" ,[CODE(CSS)@en[[[context-menu]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[copy]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[crosshair]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[default]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[e-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[ew-resize]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[-moz-grab]]]] , , ,[Gecko] ,[CODE(CSS)@en[[[-webkit-grab]]]] ,[CODE(CSS)@en[[[-moz-grabbing]]]] , , ,[Gecko] ,[CODE(CSS)@en[[[-webkit-grabbing]]]] ,[CODE(CSS)@en[[[hand]]]] ,手 ,非標準 → [CODE(CSS)@en[[[pointer]]]] ,[WinIE] ,[CODE(CSS)@en[[[help]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[inherit]]]] ,[[継承]] ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[move]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[n-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[ne-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[nesw-resize]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[no-drop]]]] , ,[[W3C]] [[勧告候補]] ,"[WinIE 6], [[CSS 3]]" ,[CODE(CSS)@en[[[none]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[not-allowed]]]] , ,[[W3C]] [[勧告候補]] ,"[WinIE 6], [[CSS 3]]" ,[CODE(CSS)@en[[[ns-resize]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[nw-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[nwse-resize]]]] , ,[[W3C]] [[勧告候補]] ,[[CSS 3]] ,[CODE(CSS)@en[[[pointer]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[progress]]]] , ,[[W3C]] [[勧告候補]] ,"[WinIE 6], [[CSS 2.1]]" ,[CODE(CSS)@en[[[row-resize]]]] , ,[[W3C]] [[勧告候補]] ,"[WinIE 6], [[CSS 3]]" ,[CODE(CSS)@en[[[s-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[se-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[sw-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[text]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[vertical-text]]]] , ,[[W3C]] [[勧告候補]] ,"[WinIE 6], [[CSS 3]]" ,[CODE(CSS)@en[[[w-resize]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[wait]]]] , ,[[W3C]] [[勧告]] ,[[CSS 2]] ,[CODE(CSS)@en[[[-moz-zoom-in]]]] , , ,[Gecko] ,[CODE(CSS)@en[[[-webkit-zoom-in]]]] ,[CODE(CSS)@en[[[-moz-zoom-out]]]] , , ,[Gecko] ,[CODE(CSS)@en[[[-webkit-zoom-out]]]] [48] [[Firefox]] は [CODE(CSS)@en[[[alias]]]] に対応していますが [CODE(CSS)@en[[[-moz-alias]]]] には対応していないようです。 [TIME[2013-09-07T07:53:48.00Z]] [49] [[Firefox]] は [CODE(CSS)@en[[[-moz-zoom-in]]]] と [CODE(CSS)@en[[[-moz-zoom-out]]]] に対応していますが [CODE(CSS)@en[[[zoom-in]]]] と [CODE(CSS)@en[[[zoom-out]]]] には対応していないようです。 [TIME[2013-09-07T07:54:23.900Z]] * マウスカーソルの決定 [58] [[固定状態]]では、常に隠さなければなりません [SRC[[CITE[Pointer Lock]]]]。 * マウスカーソルの位置 [59] [[固定状態]]が終了すると、開始前の位置で[[マウスカーソル]]が復元されます。 ;; [[固定状態]]参照。 * 歴史 [REFS[ - [[CSS 2]] -- [CITE@en[18.1 Cursors: the [CODE(CSS)@en['cursor']] property]] - [[CSS 3]] -- [CITE@en[CSS3 Basic User Interface Module]] ]REFS] [7] この[[特性]]は [[CSS 2]] で標準化されました。 @@ [[WinIE]] の実装とどちらが先? [[#comment]] ** メモ [1] 厨房的[[不思議マーク付け]]サイト (中高生サイトや同人系サイトが多いと思われ。) で、 [[HTML]] の [[style]] 要素を使って [CODE(CSS)[cursor: crosshair]] とかにしてるところって多いですよねぇ。どうしてあれがいいんだかようわからん... [4] 誤 [CODE(CSS)[cursor: [[hand]]]] 正 [CODE(CSS)[cursor: [[pointer]]]] [9] [CITE[Using URL values for the cursor property - MDC]] ([[名無しさん]]) [10] [CITE[MFSA 2007-04: Spoofing using custom cursor and CSS3 hotspot]] ([CODE[2007-02-24 04:08:29 +09:00]] 版) ([[名無しさん]] [WEAK[2007-02-24 03:20:57 +00:00]]) [11] [CITE@en[Enhance Opera's mouse cursor over text - Lee Harvey's Target Range - by Lee Harvey]] ([CODE[2007-03-04 13:30:41 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-04 04:34:16 +00:00]]) [12] [CITE[d:id:quaa]] ([CODE[2007-03-05 03:42:27 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-04 22:39:08 +00:00]]) [13] [CITE@ja-jp[マイクロソフト セキュリティ アドバイザリ (935423): Windows アニメーション カーソル処理の脆弱性]] ([CODE[2007-04-01 11:15:54 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-01 02:16:12 +00:00]]) [14] [CITE@ja[「Windowsアニメーションカーソルの脆弱性」@水無月ばけらのえび日記]] ([CODE[2007-04-01 02:56:20 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-01 02:17:47 +00:00]]) [15] [CITE[葉っぱ日記 - 「Windowsアニメーションカーソルの脆弱性」@水無月ばけらのえび日記]] ([CODE[2007-03-30 17:40:40 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-01 02:18:07 +00:00]]) [16] [CITE[Bug 302536 – crash '''['''@ nsEventStateManager::UpdateCursor ''']''' when visiting and/or printing a page on www.vdab.be]] ([CODE[2007-05-11 20:33:53 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-11 11:39:33 +00:00]]) [17] [CITE[Styling of area elements (as displayed within referencing image)]] ([[L. David Baron ]] 著, [CODE[2007-05-10 18:21:21 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-11 11:42:39 +00:00]]) [18] 手元の [[WinIE 6]] では で[['''クラッシュ''']]します。 もっと単純化してもたまに発生しますが、正確な再現条件は不明です。上記の例では手元の環境で確実に発生します。 [[読点]]区切りの値のうちの1つに[[空文字列]]とみなせるものが含まれていると発生するようです。 ([[名無しさん]]) [19] [CODE(CSS)@en[[[cursor]]: [[url]](image)]] [[CSS 2.1]] 違反。 ([[名無しさん]]) [20] [CODE(CSS)@en[[[cursor]]: [[url]](image), [[crosshair]]]] ([[名無しさん]]) [21] [CODE(CSS)@en[[[cursor]]: [[url]](image), [[url]](image-404), [[crosshair]]]] ([[名無しさん]]) [22] >>19-21 [[Opera]] 9 は [CODE(CSS)@en[[[url]]()]] にまったく対応していないようで、 [[宣言]]ごと[[無視]]します。[[Firefox]] 2 と [[WinIE 6]] では全部 [[CSSOM]] 中に現れます。 ([[名無しさん]]) [23] [[WinIE 6]] の [[CSS]] → [[CSSOM]] ([[カオス]]) = [CODE(CSS)@en[[[url]](]] が含まれていれば ([[escape]] されていてもおk): == 全体の最初が [CODE(CSS)@en[[[url]](]] で最後が [CODE(CSS)[[[)]]]] なら、 [[CSSOM]] に現れる値はそれらを除去したものになる。 例えば では [CODE(CSS)[a), b, c]] が [[CSSOM]] に現れる。 == [[読点]]で区切られている値の[[並び]]とみなす。 == [CODE(CSS)@en[[[IDENT]]]] や [CODE(CSS)@en[[[STRING]]]] や [CODE(CSS)@en[[[URI]]]] は通常通り処理される。 == [[空白]]はどこにでも挿入できる。[[特性値]]全体の最初や最後のものは捨てられる。 [[読点]]の前後のものは [[CSSOM]] 上は捨てられない。[[URI]] と見なす際に除去される模様 (要検証)。それ以外の途中の[[空白]]は [[URI]] と見なす際にも除去されない模様 (要検証)。 == [[注釈]]はどこにでも挿入できる。捨てられる。 == [[空白]]や[[注釈]]を無視して[[空文字列]]になると >>19 のクラッシュが発生し得る。 == [[空白]]や[[注釈]]を無視した結果が [CODE(CSS)@en[[[url]](]] で始まり [CODE(CSS)[[[)]]] なら、[[URI]] としての解釈上は無視する ([[CSSOM]] 上はそのまま残る)。]] それらが含まれていても、その前や後ろに違うものがあれば、無視しない (例えば [CODE(CSS)@en[a url(b) c]] はこれ全体が [[URI]] とみなされる)。 == [CODE(CSS)[[[;]]]] や [CODE(CSS)[[[!]]]] を除き、おおよそどんな [CODE(CSS)@en[[[DELIM]]]] もそのまま残る。 [CODE(CSS)[[[{]]]] もおkだが、[[宣言]]の[[構文解析]]の段階で [CODE(CSS)[[[}]]]] との対応がチェックされる ([[URI]] として解釈するために[[読点]]で分割する段階では対応関係は考慮されない)。 = [CODE(CSS)@en[[[url]](]] が含まれていなければ、 値が1つ指定されたものとみなす。理解できる値でなければ、 [[宣言]]ごと[[無視]]する。[[escape]] の処理などは通常通り行われる。 ([[名無しさん]]) [24] >>23 [[CSSOM]] に現れる値は、>>19 のように [CODE(CSS)@en[[[url]]()]] 1つだけの場合には [CODE(CSS)@en[[[url]]('image')]] 的に[[関数名]]の[[escape]]と[[大文字]]・[[小文字]]と括弧内の[[空白]]や[[escape]]が[[正規化]]され、[CODE(CSS)[[[']]]] で括られたものになります。 >>20 も含めてそれ以外の場合の [CODE(CSS)@en[[[url]]()]] は、[[関数名]]の [[escape]] とと括弧内の [[escape]] だけを[[正規化]]します。 ([[名無しさん]]) [25] [CODE(CSS)@en[[[cursor]]: a, [[url]]([[crosshair]])]] のように [CODE(CSS)@en[[[URI]]]] としていても、 [CODE(CSS)@en[[[IDENT]]]] の場合のように扱われてしまいます ([[十字]]の[[指示子]]になります)。 ([[名無しさん]]) [26] [CODE(CSS)@en[[[cursor]]: cross/**/hair]] このように途中に[[注釈]]が入っていても [[WinIE 6]] では[[十字]]の[[指示子]]になります。 ([[名無しさん]]) [27] [CODE(CSS)@en[[[cursor]]: cross/**/hair]] このように途中に[[注釈]]が入っていても [[WinIE 6]] では[[十字]]の[[指示子]]になります。 ([[名無しさん]]) [28] 間に何もない[[読点]]の連続 [[Firefox]] 2 は[[宣言]]ごと[[無視]]します。 ([[名無しさん]]) [29] [[Firefox]] 2 では[[読点]]は [CODE(CSS)[[[,]]]] のあとに [CODE(charname)@en[[[SPACE]]]] 1つに[[正規化]]されます。 ([[名無しさん]]) [30] [[WinIE 6]] の [CODE(DOMa)@en[[[currentStyle]]]] で得られるのは実際に使っている値だけのようです。 ([[名無しさん]]) [31] 候補がいくつかあるときにどれが使われるのかはよくわかりません。 は [CODE(CSS)@en[[[e-resize]]]] は [CODE(CSS)@en[[[crosshair]]]] ([CODE(DOMa)@en[[[currentStyle]]]] も) は [CODE(CSS)@en[[[n-resize]]]] ;; 真ん中!? ([[名無しさん]]) [32] [[Opera]] 9 は元々値を1つしか指定できないので [CODE(DOMa)@en[[[currentStyle]]]] も面白い結果にはなっていませんね。。。 ([[名無しさん]]) [33] [CODE(CSS)@en[[[cursor]]: [[hand]]]] ([[名無しさん]]) [34] >>33 [[WinIE 7]] では [CODE(CSS)@en[[[hand]]]] のまま [[CSSOM]] に現れます (ちなみに [CODE(CSS)@en[[[pointer]]]] もそのまま)。 [[Opera]] 9.27 では [CODE(CSS)@en[[[pointer]]]] として [[CSSOM]] に現れます。 [[Firefox]] 2 と [[Safari]] 3 は未対応。 ([[名無しさん]]) [35] [CITE[Bug 346690 – Implement CSS3 CR cursor:none]] ([CODE[2008-09-16 07:54:09 +09:00]] 版) ([[名無しさん]]) [36] [CITE[cursor:auto - how it defined - mozilla.dev.tech.css | Google グループ]] ([TIME[2008-10-11 12:12:45 +09:00]] 版) [37] [CITE[User Interface Enhancements]] ( ([TIME[1999-09-16 05:07:02 +09:00]] 版)) [38] [CITE@en[User Interface for CSS3]] ( ([TIME[2000-06-23 03:09:21 +09:00]] 版)) [39] [CITE@en[CSS3 module: Basic User Interface]] ( ([[Tantek Çelik]] 著, [TIME[2002-08-03 07:13:43 +09:00]] 版)) [40] [CITE@en[CSS3 Basic User Interface Module]] ( ([[Tantek Çelik]] 著, [TIME[2003-07-04 02:51:33 +09:00]] 版)) [41] [CITE@en[CSS3 Basic User Interface Module]] ( ([[Tantek Çelik]] 著, [TIME[2004-05-12 02:17:47 +09:00]] 版)) [42] [CITE@en[CSS Basic User Interface Module Level 3 (CSS3 UI)]] ( ([[Tantek Çelik]] 著, [TIME[2011-09-29 17:32:08 +09:00]] 版)) [43] [CITE[NOTE-css-potential-19970819]] ( ([TIME[2000-03-13 23:37:56 +09:00]] 版)) [44] [CITE@en[CSS Basic User Interface Module Level 3 (CSS3 UI)]] ( ([[Tantek Çelik]] 著, [TIME[2012-01-13 20:03:30 +09:00]] 版)) [45] [[Firefox]] も [[Chrome]] も、 [[URL]] のあとに座標を指定する構文に対応しています。 [TIME[2013-09-07T07:30:58.300Z]] [46] [[Chrome]] は [[URL]] が並んだ後に[[キーワード]]が来る時、[[キーワード]]が未対応のものであっても[[非妥当]]になりません。その[[キーワード]]だけ無視されます。 [[キーワード]]だけを指定した時や、 [[Firefox]] は仕様通り未対応なら無視します。 [TIME[2013-09-07T07:32:29.900Z]] [47] [[Firefox]] も [[Chrome]] も [CODE(CSS)@en[[[hand]]]] には対応していません。 [TIME[2013-09-07T07:32:45.200Z]] [50] >>47 [[Chrome]] は[[奇癖モード]]でのみ [CODE(CSS)@en[[[hand]]]] に対応しています。 [TIME[2013-09-07T08:02:47.600Z]] [51] [[WinIE9]] は[[奇癖モード]]、[[IE7標準モード]]、[[IE8標準モード]]では [CODE(CSS)@en[[[hand]]]] に対応していますが、 [[IE9標準モード]]では対応していません。 [TIME[2013-09-07T08:07:14.500Z]] [52] [CITE@en-US[cursor - CSS | MDN]] ( ([TIME[2013-09-03 10:01:43 +09:00]] 版)) [53] [CITE@ja[CSS cursor (CSS3-UI);マウスポインタ - CSS3ウェブブラウザ実装メモ - 血統の森 web実験小屋]] ( ([[momdo]] 著, [TIME[2013-09-07 08:17:07 +09:00]] 版)) [54] [CITE@en[Cursor support in DOM 2 compliant browsers]] ( ([TIME[2013-03-01 20:01:20 +09:00]] 版)) [2] [CITE@en[Re: ''''''[''''''css3-ui'''''']'''''' file formats for the cursor property]] ([[Tab Atkins Jr.]] 著, [TIME[2015-03-14 05:46:15 +09:00]] 版) [3] [CITE@en[Re: ''''''[''''''css3-ui'''''']'''''' file formats for the cursor property]] ([[Florian Rivoal]] 著, [TIME[2015-03-14 06:09:22 +09:00]] 版) [8] [CITE@en[Re: ''''''[''''''css3-ui'''''']'''''' file formats for the cursor property]] ([[Tantek Çelik]] 著, [TIME[2015-03-16 17:39:54 +09:00]] 版) [55] [CITE@en[Note how the SVG currently implemented in browsers is a mix of SVG 1.… · whatwg/html@969c45b]] ([TIME[2015-11-18 11:28:42 +09:00]] 版) [56] [CITE@en-US[Using URL values for the cursor property - CSS | MDN]] ( ([TIME[2015-12-18 18:53:02 +09:00]])) [57] [CITE@en[Cursors: mark element deprecated, update other prose]] ([[AmeliaBR]]著, [TIME[2016-07-29 04:45:25 +09:00]]) [60] [CITE@en['''['''css-ui-3''']''' Add informative link to HTML about 'cursor' & image maps]] ([[frivoal]]著, [TIME[2017-08-18 22:57:39 +09:00]]) [61] [CITE@en[Link to CSSUI for the cursor property]] ([[dstorey]]著, [TIME[2018-05-16 10:49:49 +09:00]]) [62] [CITE@en[Remove SVGCursorElement... by dstorey · Pull Request #455 · w3c/svgwg]] ([TIME[2018-05-18 15:20:08 +09:00]]) [63] [CITE@en[Add cursor presentational attribute back in]] ([[dstorey]]著, [TIME[2018-05-16 10:46:21 +09:00]]) [64] [CITE@en[Remove additional reference to cursor allowing cursor elements]] ([[dstorey]]著, [TIME[2018-05-16 11:00:25 +09:00]]) [65] [CITE@en[Add cursor property description back]] ([[dstorey]]著, [TIME[2018-05-17 04:42:50 +09:00]]) [66] [CITE@en[Reference SVG 2]] ([[dstorey]]著, [TIME[2018-05-18 15:05:35 +09:00]]) [67] [CITE@en[Update SVG dependencies text · Issue #3679 · whatwg/html]] ([TIME[2018-05-19 17:56:13 +09:00]]) [68] [CITE@en-US[Using URL values for the cursor property - CSS: Cascading Style Sheets | MDN]] ([TIME[2018-09-25 18:36:09 +09:00]]) [69] [CITE@en[Remove SVGCursorElement...]] ([[dstorey]]著, [TIME[2018-05-16 08:22:37 +09:00]]) [70] [CITE@en[Remove SVGCursorElement... by dstorey · Pull Request #455 · w3c/svgwg]] ([TIME[2019-02-18 12:13:56 +09:00]]) [71] [CITE@en[Add cursor presentational attribute back in]] ([[dstorey]]著, [TIME[2018-05-16 10:46:21 +09:00]]) [72] [CITE@en[Add cursor property description back]] ([[dstorey]]著, [TIME[2018-05-17 04:42:50 +09:00]]) [73] [CITE@en[Update SVG dependencies text · Issue #3679 · whatwg/html]] ([TIME[2019-02-18 17:28:19 +09:00]])