cursor属性

 
■概要
 
cursor属性は、タグの上に位置するマウスカーソルの形を変えることができます。

などの値があります。
 
 
■使用方法

.btn-wait { cursor: wait }

 
■例

<style type=”text/css”>
　.cursors span{
　　display: inline-block;
　　margin: 5px;
　　padding: 5px 10px;
　　background-color: #d2f4ff;
　　border: 2px solid #09c;
　}
</style>
<div class=”cursors”>
　<span style=”cursor: auto”>Auto</span>
　<span style=”cursor: crosshair”>Crosshair</span>
　<span style=”cursor: default”>Default</span>
　<span style=”cursor: pointer”>Pointer</span>
　<span style=”cursor: move”>Move</span>
　<span style=”cursor: e-resize”>e-resize</span>
　<span style=”cursor: ne-resize”>ne-resize</span>
　<span style=”cursor: nw-resize”>nw-resize</span>
　<span style=”cursor: n-resize”>n-resize</span>
　<span style=”cursor: se-resize”>se-resize</span>
　<span style=”cursor: sw-resize”>sw-resize</span>
　<span style=”cursor: s-resize”>s-resize</span>
　<span style=”cursor: w-resize”>w-resize</span>
　<span style=”cursor: text”>Text</span>
　<span style=”cursor: wait”>Wait</span>
　<span style=”cursor: help”>Help</span>
</div>

出力結果(マウスカーソルを載せて確認してみてください)

auto

crosshair

default

pointer

move

e-resize

ne-resize

nw-resize

n-resize

se-resize

sw-resize

s-resize

w-resize

text

wait

help