cursor

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

語法

{ cursor:sCursor}

可能的值

sCursor

指定下列一或多個可能值 (以逗號分隔) 的字串:

auto

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

all-scroll

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

col-resize

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

crosshair

簡單的十字型。

default

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

hand

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

help

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

move

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

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'">

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 2 (CSS2) (階層式樣式表 (CSS) 層級 2 (CSS2)) Ee341481.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

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