CSS cursor Property

例

有些不同的光標：

span.crosshair {
    cursor: crosshair;
}

span.help {
    cursor: help;
}

span.wait {
    cursor: wait;
}

定義和用法

光標屬性指定的元素上指向時要顯示光標的類型。

默認值：	auto
遺傳：	yes
動畫：	no. Read about animatable
版：	CSS2
JavaScript語法：	object .style.cursor="crosshair" Try it

瀏覽器支持

在表中的數字規定，完全支持該屬性的第一個瀏覽器版本。

屬性
cursor	5	5.5	4	5	9.6

CSS語法

cursor:value;

屬性值

值	描述	播放
alias	光標指示的東西的別名是要創建	播放 ”
all-scroll	光標指示的東西可以在任何方向滾動	播放 ”
auto	默認。瀏覽器設置一個光標	播放 ”
cell	光標指示的單元(or set of cells)可被選擇	播放 ”
context-menu	光標指示上下文菜單可用	播放 ”
col-resize	光標表示列可水平調整	播放 ”
copy	光標指示的東西是要被複製	播放 ”
crosshair	光標呈現為十字線	播放 ”
default	默認光標	播放 ”
e-resize	光標指示盒子的邊緣可向右移動(east)	播放 ”
ew-resize	指示雙向大小調整光標	播放 ”
grab	光標顯示的東西可以抓住	播放 ”
grabbing	光標顯示的東西可以抓住	播放 ”
help	光標表示幫助可用	播放 ”
move	光標指示的東西要被移動	播放 ”
n-resize	光標指示盒子的邊緣被向上移動(north)	播放 ”
ne-resize	光標指示盒子的邊緣被向上移動，右(north/east)	播放 ”
nesw-resize	指示雙向大小調整光標	播放 ”
ns-resize	指示雙向大小調整光標	播放 ”
nw-resize	光標指示盒子的邊緣被向上移動和左(north/west)	播放 ”
nwse-resize	指示雙向大小調整光標	播放 ”
no-drop	該光標表示拖動項目不能被丟棄在這裡	播放 ”
none	沒有光標呈現為元素	播放 ”
not-allowed	光標表示該請求的操作將不會被執行	播放 ”
pointer	光標是一個指針和表示鏈接	播放 ”
progress	光標指示程序正忙(in progress)	播放 ”
row-resize	光標表示該行可垂直調整	播放 ”
s-resize	光標指示盒子的邊緣被向下移動(south)	播放 ”
se-resize	光標指示盒子的邊緣被向下移動，右(south/east)	播放 ”
sw-resize	光標指示盒子的邊緣被向下移動和左(south/west)	播放 ”
text	該光標表示可以選擇文本	播放 ”
URL	以逗號分隔的URL列表，自定義光標。 Note:在列表的末尾始終指定一個通用的光標，以防沒有網址定義游標可以使用	播放 ”
vertical-text	光標指示可以選擇垂直文本	播放 ”
w-resize	光標指示盒子的邊緣被向左移動(west)	播放 ”
wait	光標指示程序正忙	播放 ”
zoom-in	光標顯示的東西可放大	播放 ”
zoom-out	光標顯示的東西，可以縮小	播放 ”
initial	將此屬性設置為默認值。閱讀關於初始	播放 ”
inherit	繼承其父元素此屬性。閱讀關於繼承

CSS 參考

CSS 屬性

CSS cursor Property

例

定義和用法

瀏覽器支持

CSS語法

屬性值

相關頁面