CSS cursor屬性

CSS cursor 屬性

CSS 參考手冊

定義和用法

cursor 屬性規定要顯示的光标的類型（形狀）。

該屬性定義了滑鼠指針放在一個元素邊界範圍内時所用的光标形狀（不過 CSS2.1 沒有定義由哪個邊界确定這個範圍）。

預設值：	auto
繼承性：	yes
版本：	CSS2
JavaScript 文法：	object.style.cursor="crosshair"

執行個體

一些不同的光标：

span.crosshair {         cursor:crosshair;                }
span.help {         cursor:help;                }
span.wait {         cursor:wait;                }
      

TIY

浏覽器支援

所有主流浏覽器都支援 cursor 屬性。

注釋：Opera 9.3 和 Safari 3 不支援 url 值。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。

可能的值

值	描述
url	需使用的自定義光标的 URL。 注釋：請在此清單的末端始終定義一種普通的光标，以防沒有由 URL 定義的可用光标。
default	預設光标（通常是一個箭頭）
	預設。浏覽器設定的光标。
crosshair	光标呈現為十字線。
pointer	光标呈現為訓示連結的指針（一隻手）
move	此光标訓示某對象可被移動。
e-resize	此光标訓示矩形框的邊緣可被向右（東）移動。
ne-resize	此光标訓示矩形框的邊緣可被向上及向右移動（北/東）。
nw-resize	此光标訓示矩形框的邊緣可被向上及向左移動（北/西）。
n-resize	此光标訓示矩形框的邊緣可被向上（北）移動。
se-resize	此光标訓示矩形框的邊緣可被向下及向右移動（南/東）。
sw-resize	此光标訓示矩形框的邊緣可被向下及向左移動（南/西）。
s-resize	此光标訓示矩形框的邊緣可被向下移動（北/西）。
w-resize	此光标訓示矩形框的邊緣可被向左移動（西）。
text	此光标訓示文本。
wait	此光标訓示程式正忙（通常是一隻表或沙漏）。
help	此光标訓示可用的幫助（通常是一個問号或一個氣球）。

TIY 執行個體

改變光标

本例示範如何改變光标。

相關頁面