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