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 |
箭號,表示可移動邊緣。星號 (*) 可以是 n 、 ne 、 nw 、 s 、 se 、 sw 、 e 或 w ,其中每一個都表示一個羅盤方向。 |
此屬性的預設值為 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)) 找到此屬性的定義。
適用範圍
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