その他
cursor
カーソルの形を指定する
cursor:形状
cursorプロパティは、マウスのカーソルが、その要素の上にある時のカーソルの形状を指定します。また、ユーザ自作のカーソル(拡張子は「.cur」または「.ani」)を指定することもできます。
値 | |
自動(ブラウザに依存) | auto |
---|---|
標準カーソル | default |
リンク部と同様の「指マーク」 | pointer |
十字マーク | crosshair |
十字矢印 | move |
Iマーク | text |
砂時計 | wait |
矢印と?マーク | help |
■ サンプルコードと結果(1)
CSS
<style type="text/css"> h1 { font:bold 120%; color:#3333ff;} .type { cursor:pointer;} </style>
HTML
<h1 class="type">タイトルの上においてください</h1> <p>カーソルの形を変えることができます。</p>

■ サンプルコードと結果(2)
CSS
<style type="text/css"> h1 { font:bold 120%; color:#3333ff;} .type { cursor:url(cursor.cur);} </style>
HTML
<h1 class="type">タイトルの上においてください</h1> <p>カーソルの形を変えることができます。</p>

【各CSSのプロパティ詳細9】