cursor 1.定義和用法 cursor 屬性規定要顯示的游標的類型(形狀)。 該屬性定義了滑鼠指針放在一個元素邊界範圍內時所用的游標形狀(不過 CSS2.1 沒有定義由哪個邊界確定這個範圍)。 2.屬性 需使用的自定義游標的 URL。 註釋:請在此列表的末端始終定義一種普通的游標,以防沒有由 U ...
cursor
1.定義和用法
cursor 屬性規定要顯示的游標的類型(形狀)。
該屬性定義了滑鼠指針放在一個元素邊界範圍內時所用的游標形狀(不過 CSS2.1 沒有定義由哪個邊界確定這個範圍)。
2.屬性
url |
需使用的自定義游標的 URL。 註釋:請在此列表的末端始終定義一種普通的游標,以防沒有由 URL 定義的可用游標。 |
default | 預設游標(通常是一個箭頭) |
auto | 預設。瀏覽器設置的游標。 |
crosshair | 游標呈現為十字線。 |
pointer | 游標呈現為指示鏈接的指針(一隻手) |
move | 此游標指示某對象可被移動。 |
e-resize | 此游標指示矩形框的邊緣可被向右(東)移動。 |
ne-resize | 此游標指示矩形框的邊緣可被向上及向右移動(北/東)。 |
nw-resize | 此游標指示矩形框的邊緣可被向上及向左移動(北/西)。 |
n-resize | 此游標指示矩形框的邊緣可被向上(北)移動。 |
se-resize | 此游標指示矩形框的邊緣可被向下及向右移動(南/東)。 |
sw-resize | 此游標指示矩形框的邊緣可被向下及向左移動(南/西)。 |
s-resize | 此游標指示矩形框的邊緣可被向下移動(南)。 |
w-resize | 此游標指示矩形框的邊緣可被向左移動(西)。 |
text | 此游標指示文本。 |
wait | 此游標指示程式正忙(通常是一隻表或沙漏)。 |
help | 此游標指示可用的幫助(通常是一個問號或一個氣球)。 |
3.支持的瀏覽器
所有主流瀏覽器都支持 cursor 屬性。
註釋:Opera 9.3 和 Safari 3 不支持 url 值。
註釋:任何版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
4.html代碼
<html> <body> <p>請把滑鼠移動到單詞上,可以看到滑鼠指針發生變化:</p> <span style="cursor:auto">Auto</span><br /> <span style="cursor:crosshair">Crosshair</span><br /> <span style="cursor:default">Default</span><br /> <span style="cursor:pointer">Pointer</span><br /> <span style="cursor:move">Move</span><br /> <span style="cursor:e-resize">e-resize</span><br /> <span style="cursor:ne-resize">ne-resize</span><br /> <span style="cursor:nw-resize">nw-resize</span><br /> <span style="cursor:n-resize">n-resize</span><br /> <span style="cursor:se-resize">se-resize</span><br /> <span style="cursor:sw-resize">sw-resize</span><br /> <span style="cursor:s-resize">s-resize</span><br /> <span style="cursor:w-resize">w-resize</span><br /> <span style="cursor:text">text</span><br /> <span style="cursor:wait">wait</span><br /> <span style="cursor:help">help</span> </body> </html>