共用方式為


cursor

設定指標移到物件上時顯示的指標類型。

語法

{ cursor: sCursor }

可能的值

sCursor

指定或接收下列一個或多個逗號分隔可能值的字串:

auto

預設值。瀏覽器會根據目前的內容決定顯示哪個指標。

all-scroll

向上、向下、向左、向右且中間有一點的箭號,表示能夠朝任何方向捲動網頁。

col-resize

向左及向右且中間以垂直列隔開的箭號,表示可以水平重新調整項目/欄的大小。

crosshair

簡單的十字型。

default

視平台而定的預設指標,通常是箭號。

hand

食指向上指的手形,當使用者將指標移到連結上方時顯示。

help

標示問號的箭號,表示有說明可供使用。

移動

交叉的箭號,表示可移動物件。

no-drop

以其中加上斜線的小圓圈標示的手形,表示無法將拖曳的項目放置在目前的指標位置。

not-allowed

其中加上斜線的小圓圈,表示無法執行要求的動作。

pointer

食指向上指的手形,當使用者將指標移到連結上方時顯示。等同於 hand

progress

旁邊標示沙漏的箭號,表示背景有程序正在進行。使用者與網頁的互動不會受影響。

row-resize

向上及向下且中間以水平列隔開的箭號,表示可以垂直重新調整項目/列的大小。

text

可編輯的文字;通常是一條 I 形線。

url(uri)

作者定義的指標,使用自訂的統一資源定位器 (URI),例如 url('mycursor.cur')。類型 .CUR 與 .ANI 的指標是唯一支援的指標類型。

vertical-text

可編輯的垂直文字;通常以一條水平 I 形線表示。

wait

沙漏或手錶,表示程式忙碌中,使用者必須等候。

*-resize

箭號,表示可移動邊緣。星號 (*) 可以是 nnenwsseswew,其中每一個都表示一個羅盤方向。

此屬性的預設值為 auto。這是繼承屬性。

備註

此屬性可處理逗號分隔值清單。如果瀏覽器無法找出或使用第一個指定的指標,則會移至逗號分隔清單中的第二個指標,直到找出可用的指標為止。如果瀏覽器無法使用任何列出的指標,則指標不會變更。

範例

下列範例使用 cursor 屬性來變更經過物件時顯示的指標。此範例使用內嵌 (全域) 樣式表的呼叫,在指標經過所有段落時,將指標設定為 hand

<style>
    p {cursor: hand;}
</style>

此範例使用內嵌指令碼,在指標經過段落時,將指標設定為 hand

<p onmouseover="this.style.cursor='hand'">

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 2 (CSS2) (英文) 中定義。

適用於

A、ADDRESS、APPLET、B、BIG、BLOCKQUOTE、BODY、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FORM、HN、HR、HTML、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、LI、OBJECT、OL、P、RT、RUBY、S、SPAN、SUB、TABLE、TBODY、TD、TFOOT、TH、THEAD、TR、TT、U、UL、VAR、XMP