トップ > スキル : Web > CSSリファレンス

Web

各CSSのプロパティ詳細9

その他

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>
    
カーソル形状指定1

■ サンプルコードと結果(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>
    
カーソル形状指定2

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