最終更新日

cursorプロパティ

Value: [ [<uri> [<x> <y>]?,]*
[ auto | default | none |
context-menu | help | pointer | progress | wait |
cell | crosshair | text | vertical-text |
alias | copy | move | no-drop | not-allowed |
e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out
] ] | inherit

Initial:auto
Applies to:all elements
Inherited:yes
Percentages:N/A
Media:visual, interactive
Computed value:as specified, except with any relative URLs converted to absolute

cursorプロパティは、マウスカーソルの形状を指定する際に使用します。値の中には、対応していないブラウザもあるので注意してください。オリジナルカーソルに使用できるファイル形式には、「.CUR」と「.ANI」があります。

不用意にカーソルの形状を変更すると、何も効果がない要素上でクリックしてしまうなどのデメリットがあります。cursorプロパティは、上位要素から継承されます。対象となるセレクタに制限はありません。視覚系のメディアのうち、対話式のメディアが対象となります。

参考文献:CSS Basic User Interface Module Level 3外部リンク
HOME