★スタイルシートリファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

cursor …… カーソルの形状を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9
Netscape6Netscape7Netscape8
Opera7Opera8Opera9Opera10
Firefox1Firefox2Firefox3Firefox4
Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告



cursorプロパティは、マウスカーソルの形状を指定する際に使用します。
下の使用例にある値の中には、ブラウザにより対応していないものもあるので注意してください。

尚、オリジナルカーソルに使用できるファイル形式には、.CUR(カーソルファイル)と.ANI(アニメーションカーソルファイル)があります。

■使用例

HTMLソース

<ul>
<li style=”cursor: auto”>auto ブラウザが自動的に選択したカーソル</li>
<li style=”cursor: default”>default 矢印型など利用環境の標準カーソル</li>
<li style=”cursor: pointer”>pointer リンクカーソル</li>
<li style=”cursor: crosshair”>crosshair 十字カーソル</li>
<li style=”cursor: move”>move 移動カーソル</li>
<li style=”cursor: text”>text テキスト編集カーソル</li>
<li style=”cursor: wait”>wait 待機・処理中カーソル</li>
<li style=”cursor: help”>help ヘルプカーソル</li>
<li style=”cursor: n-resize”>n-resize 北方向のリサイズカーソル</li>
<li style=”cursor: s-resize”>s-resize 南方向のリサイズカーソル</li>
<li style=”cursor: w-resize”>w-resize 西方向のリサイズカーソル</li>
<li style=”cursor: e-resize”>e-resize 東方向のリサイズカーソル</li>
<li style=”cursor: ne-resize;”>ne-resize 北東方向のリサイズカーソル</li>
<li style=”cursor: nw-resize;”>nw-resize 北西方向のリサイズカーソル</li>
<li style=”cursor: se-resize”>se-resize 南東方向のリサイズカーソル</li>
<li style=”cursor: sw-resize;”>sw-resize 南西方向のリサイズカーソル</li>
<li style=”cursor: progress”>progress 進行中カーソル(CSS 2.1より仕様に追加)</li>
<li style=”cursor: url(‘../images/htmq.cur’)”>url(‘ファイルのパス’) オリジナルのカーソル</li>
<li style=”cursor: hand”>hand 指型カーソル(IE4以上の独自拡張)</li>
<li style=”cursor: no-drop”>no-drop ドロップ禁止カーソル(IE6以上の独自拡張)</li>
<li style=”cursor: all-scroll”>all-scroll 全スクロールカーソル(IE6以上の独自拡張)</li>
<li style=”cursor: col-resize”>col-resize 横方向のリサイズカーソル(IE6以上の独自拡張)</li>
<li style=”cursor: row-resize”>row-resize 縦方向のリサイズカーソル(IE6以上の独自拡張)</li>
<li style=”cursor: not-allowed”>not-allowed 禁止カーソル(IE6以上の独自拡張)</li>
<li style=”cursor: vertical-text”>vertical-text 縦書きカーソル(IE6以上の独自拡張)</li>
</ul>

↓↓↓

ブラウザ上の表示

  • auto ブラウザが自動的に選択したカーソル
  • default 矢印型など利用環境の標準カーソル
  • pointer リンクカーソル
  • crosshair 十字カーソル
  • move 移動カーソル
  • text テキスト編集カーソル
  • wait 待機・処理中カーソル
  • help ヘルプカーソル
  • n-resize 北方向のリサイズカーソル
  • s-resize 南方向のリサイズカーソル
  • w-resize 西方向のリサイズカーソル
  • e-resize 東方向のリサイズカーソル
  • ne-resize 北東方向のリサイズカーソル
  • nw-resize 北西方向のリサイズカーソル
  • se-resize 南東方向のリサイズカーソル
  • sw-resize 南西方向のリサイズカーソル
  • progress 進行中カーソル(CSS 2.1より仕様に追加)
  • url(‘ファイルのパス’) オリジナルのカーソル
  • hand 指型カーソル(IE4以上の独自拡張)
  • no-drop ドロップ禁止カーソル(IE6以上の独自拡張)
  • all-scroll 全スクロールカーソル(IE6以上の独自拡張)
  • col-resize 横方向のリサイズカーソル(IE6以上の独自拡張)
  • row-resize 縦方向のリサイズカーソル(IE6以上の独自拡張)
  • not-allowed 禁止カーソル(IE6以上の独自拡張)
  • vertical-text 縦書きカーソル(IE6以上の独自拡張)
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
57 users signed up
もっと表示する