'cursor' プロパティー (CSS)

仕様書

[6] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 2013-09-06 15:18:10 +09:00 版) http://dev.w3.org/csswg/css-ui/#cursor

キーワード

[5] cursor 属性の鍵語による指定:

値	説明	状態	出典
`alias`		W3C 勧告候補	CSS 3
`-moz-alias`
`all-scroll`		W3C 勧告候補	[WinIE 6], CSS 3
`auto`	自動	W3C 勧告	CSS 2
`cell`		W3C 勧告候補	CSS 3
`col-resize`		W3C 勧告候補	[WinIE 6], CSS 3
`context-menu`		W3C 勧告候補	CSS 3
`copy`		W3C 勧告候補	CSS 3
`crosshair`		W3C 勧告	CSS 2
`default`		W3C 勧告	CSS 2
`e-resize`		W3C 勧告	CSS 2
`ew-resize`		W3C 勧告候補	CSS 3
`-moz-grab`			[Gecko]
`-webkit-grab`
`-moz-grabbing`			[Gecko]
`-webkit-grabbing`
`hand`	手	非標準 → `pointer`	[WinIE]
`help`		W3C 勧告	CSS 2
`inherit`	継承	W3C 勧告	CSS 2
`move`		W3C 勧告	CSS 2
`n-resize`		W3C 勧告	CSS 2
`ne-resize`		W3C 勧告	CSS 2
`nesw-resize`		W3C 勧告候補	CSS 3
`no-drop`		W3C 勧告候補	[WinIE 6], CSS 3
`none`		W3C 勧告候補	CSS 3
`not-allowed`		W3C 勧告候補	[WinIE 6], CSS 3
`ns-resize`		W3C 勧告候補	CSS 3
`nw-resize`		W3C 勧告	CSS 2
`nwse-resize`		W3C 勧告候補	CSS 3
`pointer`		W3C 勧告	CSS 2
`progress`		W3C 勧告候補	[WinIE 6], CSS 2.1
`row-resize`		W3C 勧告候補	[WinIE 6], CSS 3
`s-resize`		W3C 勧告	CSS 2
`se-resize`		W3C 勧告	CSS 2
`sw-resize`		W3C 勧告	CSS 2
`text`		W3C 勧告	CSS 2
`vertical-text`		W3C 勧告候補	[WinIE 6], CSS 3
`w-resize`		W3C 勧告	CSS 2
`wait`		W3C 勧告	CSS 2
`-moz-zoom-in`			[Gecko]
`-webkit-zoom-in`
`-moz-zoom-out`			[Gecko]
`-webkit-zoom-out`

[48] Firefox は alias に対応していますが -moz-alias には対応していないようです。 2013-09-07T07:53:48.00Z

[49] Firefox は -moz-zoom-in と -moz-zoom-out に対応していますが zoom-in と zoom-out には対応していないようです。 2013-09-07T07:54:23.900Z

マウスカーソルの決定

[58] 固定状態では、常に隠さなければなりません Pointer Lock。

マウスカーソルの位置

[59] 固定状態が終了すると、開始前の位置でマウスカーソルが復元されます。

固定状態参照。

歴史

CSS 2
- 18.1 Cursors: the 'cursor' property IW:CSS2:"ui.html#cursor-props"
CSS 3
- CSS3 Basic User Interface Module http://www.w3.org/TR/css3-ui/#cursor

[7] この特性は CSS 2 で標準化されました。

WinIE の実装とどちらが先?

メモ

[1] 厨房的不思議マーク付けサイト (中高生サイトや同人系サイトが多いと思われ。) で、 HTML の style 要素を使って cursor: crosshair とかにしてるところって多いですよねぇ。どうしてあれがいいんだかようわからん...

[4] 誤 cursor: hand 正 cursor: pointer

[9] Using URL values for the cursor property - MDC http://developer.mozilla.org/ja/docs/Using_URL_values_for_the_cursor_property (名無しさん)

[10] MFSA 2007-04: Spoofing using custom cursor and CSS3 hotspot (2007-02-24 04:08:29 +09:00 版) http://www.mozilla.org/security/announce/2007/mfsa2007-04.html (名無しさん 2007-02-24 03:20:57 +00:00)

[11] Enhance Opera's mouse cursor over text - Lee Harvey's Target Range - by Lee Harvey (2007-03-04 13:30:41 +09:00 版) http://my.opera.com/Lee_Harvey/blog/2007/03/03/enhance-opera-s-mouse-cursor-over-text (名無しさん 2007-03-04 04:34:16 +00:00)

[12] d:id:quaa (2007-03-05 03:42:27 +09:00 版) http://d.hatena.ne.jp/quaa/20070305#p1 (名無しさん 2007-03-04 22:39:08 +00:00)

[13] マイクロソフトセキュリティアドバイザリ (935423): Windows アニメーションカーソル処理の脆弱性 (2007-04-01 11:15:54 +09:00 版) http://www.microsoft.com/japan/technet/security/advisory/935423.mspx (名無しさん 2007-04-01 02:16:12 +00:00)

[14] 「Windowsアニメーションカーソルの脆弱性」@水無月ばけらのえび日記 (2007-04-01 02:56:20 +09:00 版) http://bakera.jp/hatomaru.aspx/ebi/topic/2833 (名無しさん 2007-04-01 02:17:47 +00:00)

[15] 葉っぱ日記 - 「Windowsアニメーションカーソルの脆弱性」@水無月ばけらのえび日記 (2007-03-30 17:40:40 +09:00 版) http://d.hatena.ne.jp/hasegawayosuke/20070330/p2 (名無しさん 2007-04-01 02:18:07 +00:00)

[16] Bug 302536 – crash [@ nsEventStateManager::UpdateCursor ] when visiting and/or printing a page on www.vdab.be (2007-05-11 20:33:53 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=302536#c58 (名無しさん 2007-05-11 11:39:33 +00:00)

[17] Styling of area elements (as displayed within referencing image) (L. David Baron <dbaron@...> 著, 2007-05-10 18:21:21 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/10563 (名無しさん 2007-05-11 11:42:39 +00:00)

[18] 手元の WinIE 6 では http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20cursor%3A%20%20url()%2C%2C%3B%0D%0A%7D%0D%0A;h=%3Cp%20onclick%3D%22%0D%0A%20%20w%20(this.currentStyle.textDecoration)%3B%0D%0A%22%3EClick%20this%20paragraph%20to%20show%20the%20computed%20(%3F)%20value%20of%20the%20'%3Ccode%3Etext-decoration%3C%2Fcode%3E'%20property.%0D%0A;p=n;x=style-element でクラッシュします。もっと単純化してもたまに発生しますが、正確な再現条件は不明です。上記の例では手元の環境で確実に発生します。読点区切りの値のうちの1つに空文字列とみなせるものが含まれていると発生するようです。 (名無しさん)

[19] cursor: url(image) http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20cursor%3A%20url(image)%3B%0A%7D%0A;h=;p=n;x=style-element

CSS 2.1 違反。 (名無しさん)

[20] cursor: url(image), crosshair http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20cursor%3A%20url(image)%2C%20crosshair%3B%0A%7D%0A;h=%3Cp%3EXXXXXXXXXX;p=n;x=style-element

(名無しさん)

[21] cursor: url(image), url(image-404), crosshair http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20cursor%3A%20url(image)%2C%20url(image-404)%2C%20crosshair%3B%0A%7D%0A;h=%3Cp%3EXXXXXXXXXX;p=n;x=style-element

(名無しさん)

[22] >>19-21 Opera 9 は url() にまったく対応していないようで、宣言ごと無視します。Firefox 2 と WinIE 6 では全部 CSSOM 中に現れます。 (名無しさん)

[23] WinIE 6 の CSS → CSSOM (カオス)

url( が含まれていれば (escape されていてもおk):
1. 全体の最初が url( で最後が ) なら、 CSSOM に現れる値はそれらを除去したものになる。例えば http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20cursor%3A%20url(a)%2C%20b%2C%20c)%3B%0D%0A%7D%0D%0A;h=%3Cp%3EXXXXXXXXXX;p=n;x=style-element では a), b, c が CSSOM に現れる。
2. 読点で区切られている値の並びとみなす。
3. IDENT や STRING や URI は通常通り処理される。
4. 空白はどこにでも挿入できる。特性値全体の最初や最後のものは捨てられる。読点の前後のものは CSSOM 上は捨てられない。URI と見なす際に除去される模様 (要検証)。それ以外の途中の空白は URI と見なす際にも除去されない模様 (要検証)。
5. 注釈はどこにでも挿入できる。捨てられる。
6. 空白や注釈を無視して空文字列になると >>19 のクラッシュが発生し得る。
7. 空白や注釈を無視した結果が url( で始まり )] なら、URI としての解釈上は無視する (CSSOM 上はそのまま残る)。 それらが含まれていても、その前や後ろに違うものがあれば、無視しない (例えば a url(b) c はこれ全体が URI とみなされる)。
8. ; や ! を除き、おおよそどんな DELIM もそのまま残る。 { もおkだが、宣言の構文解析の段階で } との対応がチェックされる (URI として解釈するために読点で分割する段階では対応関係は考慮されない)。
url( が含まれていなければ、値が1つ指定されたものとみなす。理解できる値でなければ、宣言ごと無視する。escape の処理などは通常通り行われる。

(名無しさん)

[24] >>23 CSSOM に現れる値は、>>19 のように url() 1つだけの場合には url('image') 的に関数名のescapeと大文字・小文字と括弧内の空白やescapeが正規化され、' で括られたものになります。 >>20 も含めてそれ以外の場合の url() は、関数名の escape とと括弧内の escape だけを正規化します。 (名無しさん)