diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-08-09 13:22:01 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-08-09 13:22:01 +0900 |
commit | 22e1a8c29e2b8e474598e19bfc725978ede3e9c0 (patch) | |
tree | 071b0a1bcd1d6c43289177426ea91dbf96d07b28 /files/ja/conflicting/web/css | |
parent | e1739fc7b7008c5fd2bc92ecd7288973c0fb00c5 (diff) | |
download | translated-content-22e1a8c29e2b8e474598e19bfc725978ede3e9c0.tar.gz translated-content-22e1a8c29e2b8e474598e19bfc725978ede3e9c0.tar.bz2 translated-content-22e1a8c29e2b8e474598e19bfc725978ede3e9c0.zip |
conflicting/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property を削除 (#1833)
- 正規版の方が内容が新しいため
- https://github.com/mdn/translated-content/issues/1831
Diffstat (limited to 'files/ja/conflicting/web/css')
-rw-r--r-- | files/ja/conflicting/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/files/ja/conflicting/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/ja/conflicting/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html deleted file mode 100644 index 6e0d6f11fe..0000000000 --- a/files/ja/conflicting/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ /dev/null @@ -1,49 +0,0 @@ ---- -title: cursor のプロパティーに URL 値を使用する -slug: >- - conflicting/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - CSS - - CSS_2.1 - - Cross-browser_Development - - Web Development -original_slug: Using_URL_values_for_the_cursor_property ---- -<p> </p> -<p><a href="ja/Gecko">Gecko</a> 1.8 (<a href="ja/Firefox_1.5">Firefox 1.5</a>, SeaMonkey 1.0) では、<a class="external" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">CSS2 cursor プロパティー</a> で URL 値が使用できます。これにより、自由な画像 — Gecko がサポートする画像形式なら — がマウスカーソルとして利用できます。</p> -<h3 id=".E6.A7.8B.E6.96.87" name=".E6.A7.8B.E6.96.87">構文</h3> -<p>このプロパティーの記述方式は以下のようになります。</p> -<pre class="eval">cursor: [<url>,]* keyword; -</pre> -<p>これは、カンマ区切りのゼロ個以上の URL が指定可能で、その後ろに <a href="ja/CSS">CSS</a> 規格で定義されている <code>auto</code> や <code>pointer</code> といったキーワードを一つ指定する<b>必要</b>があります。</p> -<p>たとえば、以下のような指定は可能です :</p> -<pre class="eval">cursor: url(foo.cur), url(<span class="nowiki">http://www.example.com/bar.gif</span>), auto; -</pre> -<p>この場合、最初に foo.cur を読み込もうとします。もし、存在しないかその他の理由により利用できない場合、bar.gif を試しますが、両方利用できない場合は <code>auto</code> が利用されます。</p> -<p>cursor 値での CSS3 <a class="external" href="http://www.w3.org/TR/css3-ui/#cursor">書式</a> のサポートが Gecko 1.8beta3 で付け加えられました。(そのため、Firefox 1.5 でも動作します) このことにより、カーソルのホットスポットの座標を指定できるようになります。もし、指定されていなければ、ホットスポットの座標はファイルそのもの (CUR もしくは XBM ファイル) か、画像の左上端に設定されます。CSS3 における書式のサンプルは</p> -<pre class="eval">cursor: url(foo.png) 4 12, auto; -</pre> -<p>となります。</p> -<p>最初の値が x 座標、二つ目の値が y 座標になります。サンプルではホットスポットが、左上端 (0,0) に対して (4,12) のピクセルに設定されます。</p> -<h3 id=".E5.88.B6.E9.99.90.E4.BA.8B.E9.A0.85" name=".E5.88.B6.E9.99.90.E4.BA.8B.E9.A0.85">制限事項</h3> -<p>Gecko でサポートされているすべての画像形式が利用可能です。これは、BMP、JPG、CUR、GIF などが利用できることを意味します。しかしながら、ANI はサポートされていません。また、アニメーション GIF を指定した場合でも、カーソルはアニメーションを行いません。この制限は、将来のリリースで除かれる可能性があります。</p> -<p>Gecko それ自体には、カーソルサイズの制限はありません。しかしながら、OS やプラットフォームの互換性のために、最大サイズを 32x32 にするのがよいでしょう。特に、このサイズより大きなカーソルは、Windows 9x (95, 98, Me) では動作しません。</p> -<p>半透明カーソルは、Windows XP より前ではサポートされていません。これは、OS の制限です。透明度はすべてのプラットフォームで動作します。</p> -<p>Windows、OS/2 と Linux (GTK+ 2.4 以上の場合) での Mozilla リリースでのみ、カーソルにURL 値が利用できます。その他のプラットフォームでのサポートは、将来のリリースで加えられる予定です。(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, GTK 2.0/2.2: {{ Bug(308536) }})</p> -<h3 id=".E3.81.BB.E3.81.8B.E3.81.AE.E3.83.96.E3.83.A9.E3.82.A6.E3.82.B6.E3.81.A8.E3.81.AE.E4.BA.92.E6.8F.9B.E6.80.A7" name=".E3.81.BB.E3.81.8B.E3.81.AE.E3.83.96.E3.83.A9.E3.82.A6.E3.82.B6.E3.81.A8.E3.81.AE.E4.BA.92.E6.8F.9B.E6.80.A7">ほかのブラウザとの互換性</h3> -<p>Microsoft Internet Explorer でも <code>cursor</code> プロパティーに URL 値を利用できます。しかしながら、CUR と ANI フォーマットのみをサポートしています。</p> -<p>また、<code>cursor</code> プロパティーの書式の制限もゆるいです。これは、</p> -<pre class="eval">cursor: url(foo.cur); -</pre> -<p>または:</p> -<pre class="eval">cursor: url(foo.cur), pointer, url(bar.cur), auto; -</pre> -<p>なども、MSIE では動作することを意味しますが、Geckoブラウザでは動作しません。Gecko との互換性と CSS 規格との整合性からも、URI リストを最初に、最後にキーワード値を一つ入れるべきです。</p> -<dl> - <dd> - <i> - To-do: MSIE が CSS3 ホットスポット座標について行うことについて記述</i> - </dd> -</dl> -<div class="noinclude"> - </div> |