CSS cursor 屬性

2022-06-02 15:35 更新

CSS cursor 屬性

實(shí)例

一些不同的光標(biāo):

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

嘗試一下 ?

屬性定義及使用說明

cursor屬性定義了鼠標(biāo)指針放在一個(gè)元素邊界范圍內(nèi)時(shí)所用的光標(biāo)形狀

默認(rèn)值: auto
繼承: yes
版本: CSS2
JavaScript 語法: object.style.cursor="crosshair"


瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。

屬性          
cursor 5.0 5.5 4.0 5.0 9.6

屬性值

描述
url

需使用的自定義光標(biāo)的 URL。

注釋:請?jiān)诖肆斜淼哪┒耸冀K定義一種普通的光標(biāo),以防沒有由 URL 定義的可用光標(biāo)。

default 默認(rèn)光標(biāo)(通常是一個(gè)箭頭)
auto 默認(rèn)。瀏覽器設(shè)置的光標(biāo)。
crosshair 光標(biāo)呈現(xiàn)為十字線。
pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針(一只手)
move 此光標(biāo)指示某對象可被移動(dòng)。
e-resize 此光標(biāo)指示矩形框的邊緣可被向右(東)移動(dòng)。
ne-resize 此光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)(北/東)。
nw-resize 此光標(biāo)指示矩形框的邊緣可被向上及向左移動(dòng)(北/西)。
n-resize 此光標(biāo)指示矩形框的邊緣可被向上(北)移動(dòng)。
se-resize 此光標(biāo)指示矩形框的邊緣可被向下及向右移動(dòng)(南/東)。
sw-resize 此光標(biāo)指示矩形框的邊緣可被向下及向左移動(dòng)(南/西)。
s-resize 此光標(biāo)指示矩形框的邊緣可被向下移動(dòng)(北/西)。
w-resize 此光標(biāo)指示矩形框的邊緣可被向左移動(dòng)(西)。
text 此光標(biāo)指示文本。
wait 此光標(biāo)指示程序正忙(通常是一只表或沙漏)。
help 此光標(biāo)指示可用的幫助(通常是一個(gè)問號或一個(gè)氣球)。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號