CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS cursor 屬性使用方法及示例

cursor CSS屬性指定當指針被放置在一個元素上顯示的光標類型。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認值：	auto
適用于：	所有元素
繼承：	是
可動畫制作：	否。請參見動畫屬性。
版本：	CSS 2、3
JavaScript 語法：	object.style.cursor="context-menu"

cursor的使用語法

該屬性的語法如下：

cursor: [url(address of cursor file),] 0 or more times | auto | default | none |
        context-menu | help | pointer | progress | wait | cell |  crosshair | text | vertical-text |
        alias | copy | move | no-drop | not-allowed | grab | grabbing | 
        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 | initial | inherit

下面的示例演示了如何使用cursor屬性。

示例

  h1 {
   cursor: copy;
  }
  p {
   cursor: help;
  }
  a {
   cursor: url("custom.gif"), url("custom.cur"), default;
  }

測試看看?/?

cursor屬性用來指定用逗號分隔的用戶定義的游標值列表，后跟“通用游標”。也就是如果第一個光標指定不正確或找不到，則將使用逗號分隔列表中的下一個光標，依此類推，直到找到可用的光標為止。

如果沒有用戶定義的游標有效或不受瀏覽器支持，則將使用列表末尾的通用游標。學到更多。

屬性值

下表描述了此屬性的值。

值	看	描述
常用
auto		瀏覽器根據(jù)當前上下文確定要顯示的光標。例如，將文本懸停在文本上。這是默認值。
default		平臺的默認光標，不考慮上下文，通常是箭頭。
none		沒有呈現(xiàn)光標。
initial		將此屬性設置為其默認值。
inherit		如果指定，則關聯(lián)元素采用其父元素cursor的屬性值。
鏈接和狀態(tài)游標
context-menu		表示上下文菜單可用。
help		表示有幫助。
pointer		指示鏈接的光標，通常是帶有伸出的食指的手。
progress		進度指示器。該程序正在執(zhí)行一些處理，但是用戶仍然可以與界面進行交互（與不同wait）。
wait		表示程序忙，用戶應該等待。
選擇光標
cell		表示可以選擇一個單元格（或一組單元格）。
crosshair		一個簡單的十字準線。通常用于指示位圖中的選擇。
text		表示可以選擇的文本，通常是工字梁。
vertical-text		表示可以選擇垂直文本，即橫向工字梁。
拖放游標
alias		表示要創(chuàng)建別名或快捷方式。
copy		表示可以復制某些內(nèi)容。
move		表示可以移動懸停的對象。
no-drop		表示所拖動的項目不能放置在當前位置。
not-allowed		表示無法完成某事。
調(diào)整大小和滾動游標
all-scroll		表示可以沿任何方向滾動（平移）。
col-resize		指示可以水平調(diào)整列的大小。
row-resize		指示可以垂直調(diào)整行的大小。
n-resize		指示某些邊緣要向上移動（向北）。
e-resize		指示某些邊緣將向右移動（向東）。
s-resize		指示某些邊緣要向下移動（向南）。
w-resize		指示某些邊緣將向左移動（向西）。
ne-resize		指示某些邊緣將向上和向右移動（北/東）。
nw-resize		指示某些邊緣要上下移動（北/西）。
se-resize		指示某些邊緣要左右移動（向南/向東）。
sw-resize		指示某些邊緣要上下移動（南/西）。
ew-resize		指示雙向調(diào)整大小光標。
ns-resize
nesw-resize
nwse-resize
縮放光標
zoom-in		表示可以放大某些內(nèi)容。
zoom-out		表示可以縮小某些內(nèi)容。
grab		表示可以抓取某些東西（拖動以進行移動）。
grabbing		表示某物被抓住了。