From d10da93ad3a7b0ffff88aa57b197b65d6f234018 Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 10 Nov 2021 00:49:50 +0000 Subject: [CRON] sync translated content --- files/ja/_redirects.txt | 7 +- files/ja/_wikihistory.json | 16 +-- files/ja/conflicting/web/css/cursor/index.md | 124 +++++++++++++++++++++ .../index.md | 123 -------------------- 4 files changed, 136 insertions(+), 134 deletions(-) create mode 100644 files/ja/conflicting/web/css/cursor/index.md delete mode 100644 files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 596532827e..799f06be84 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -559,7 +559,7 @@ /ja/docs/CSS_Reference/Mozilla_Extensions /ja/docs/Web/CSS/Mozilla_Extensions /ja/docs/CSS_Reference:Mozilla_Extensions /ja/docs/Web/CSS/Mozilla_Extensions /ja/docs/CSS_User_Interface /ja/docs/Web/CSS/CSS_Basic_User_Interface -/ja/docs/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ja/docs/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Canvas /ja/docs/Web/API/Canvas_API /ja/docs/Canvas/Text /ja/docs/Web/API/Canvas_API/Tutorial/Drawing_text /ja/docs/Canvas:Text /ja/docs/Web/API/Canvas_API/Tutorial/Drawing_text @@ -2968,7 +2968,7 @@ /ja/docs/Using_HTML5_audio_and_video /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content /ja/docs/Using_HTML5_audio_and_video-redirect-1 /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content /ja/docs/Using_HTML5_audio_and_video_in_Firefox /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content -/ja/docs/Using_URL_values_for_the_cursor_property /ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ja/docs/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Using_XMLHttpRequest /ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest /ja/docs/Using_XPath /ja/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript /ja/docs/Using_audio_and_video_in_Firefox /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content @@ -3641,6 +3641,7 @@ /ja/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /ja/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images +/ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Web/CSS/CSS_Colors /ja/docs/Web/CSS/CSS_Color /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox @@ -3654,7 +3655,7 @@ /ja/docs/Web/CSS/CSS_Selectors/Comparison_with_XPath /ja/docs/Web/XPath/Comparison_with_CSS_selectors /ja/docs/Web/CSS/CSS_Shapes/Shapes_From_Box_Values /ja/docs/Web/CSS/CSS_Shapes/From_box_values /ja/docs/Web/CSS/CSS_User_Interface /ja/docs/Web/CSS/CSS_Basic_User_Interface -/ja/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ja/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Web/CSS/CSS_transforms_の利用 /ja/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms /ja/docs/Web/CSS/CSS_values_serialization /ja/docs/Web/CSS /ja/docs/Web/CSS/CSS_values_syntax /ja/docs/Web/CSS diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index b69f537f16..fa823b71c6 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -28137,14 +28137,6 @@ "ExE-Boss" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2020-12-06T14:47:19.654Z", - "contributors": [ - "mfuji09", - "ExE-Boss", - "hommaam" - ] - }, "Web/CSS/CSS_Box_Alignment": { "modified": "2020-05-22T07:14:00.686Z", "contributors": [ @@ -48623,6 +48615,14 @@ "sosleepy" ] }, + "conflicting/Web/CSS/cursor": { + "modified": "2020-12-06T14:47:19.654Z", + "contributors": [ + "mfuji09", + "ExE-Boss", + "hommaam" + ] + }, "conflicting/Web/HTTP/Headers/Feature-Policy/xr-spatial-tracking": { "modified": "2020-08-12T12:42:41.854Z", "contributors": [ diff --git a/files/ja/conflicting/web/css/cursor/index.md b/files/ja/conflicting/web/css/cursor/index.md new file mode 100644 index 0000000000..5b00842c96 --- /dev/null +++ b/files/ja/conflicting/web/css/cursor/index.md @@ -0,0 +1,124 @@ +--- +title: cursor プロパティでの URL 値の使用 +slug: conflicting/Web/CSS/cursor +tags: + - CSS + - Gecko + - ガイド + - NeedsUpdate + - Reference +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +{{CSSRef}} + +[Gecko](/ja/docs/Mozilla/Gecko) 1.8 は URL の値を CSS の{{CSSxRef("cursor")}} プロパティで、 Windows と Linux で対応しています。 Mac の対応は Gecko 2 ([Firefox 4](/ja/docs/Mozilla/Firefox/Releases/4)) で追加されました。これによって任意の画像を、 Gecko が対応している画像形式ならば何でも、マウスカーソルとして指定することができます。 + +## 構文 + +基本 (CSS 2.1) の基本的な記述は次の通りです。 + +```css +{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} +``` + +つまり、0 個以上の URL を (カンマ区切りで) 指定することがありますが、 `auto` や `pointer` などの CSS 仕様書で定義されているキーワードうちの一つを指定する必要があります。 + +例えば次のような値が有効です。 + +```css +cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto; +``` + +始めに _foo.cur_ を読み込もうとします。ファイルが存在しないか、何らかの理由で有効でない場合は、_bar.gif_ を読み込もうとし、どちらも利用できない場合は `auto` が使用されます。 + +Gecko 1.8 (Firefox 1.5) では、 cursor の値に対して CSS 3 の構文が加えられました。 + +```css +{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} [ ]? , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} +``` + +これにより、カーソル画像の境界を設定するためのカーソル有効範囲を指定できます。指定がない場合、有効範囲はファイル (CUR か XBM ファイルの場合) の持つ設定が読み込まれるか、画像の左上端が設定されます。 CSS3 の構文の例は次の通りです。 + +```css +.foo { + cursor: auto; + cursor: url(cursor1.png) 4 12, auto; +} + +.bar { + cursor: pointer; + cursor: url(cursor2.png) 2 2, pointer; +} + +/* IE では 'auto' や 'pointer' で代替されますが、個別に設定する必要があります */ +``` + +初めの値は X 軸範囲で、2つ目の値は Y 軸範囲です。この例では、左上の (0, 0) の座標から (4, 12) までのピクセル座標が有効範囲になります。 + +

制限

+ +Gecko で使用できる、すべての画像形式が対応されています。つまり PNG, GIF, JPG, BMP, CUR などの画像形式が使用できるということです。 ANI には対応していません。アニメーション PNG や GIF は動くカーソルとしては使用できません。 + +> **Note:** Gecko 2.0 以降は、 Gecko では SVG 形式のカーソルにも対応しています。しかし、 SVG 画像は (パーセント値ではない) 長さの値による幅と高さを SVG のルートノードに設定しなければなりません。 JavaScript、 CSS アニメーション、 SVG を内部にもつ宣言的な SMIL は無視されます。例えば、 SVG を使用してアニメーションカーソルを作成することはできません。 + +Gecko (Firefox) ではカーソルの寸法が 128×128px に制限されています。それより大きいカーソル画像は無視されます。ただし、オペレーティングシステムやプラットフォームとの互換性を最大化するために、 32×32px の大きさに制限してください。 + +(Gecko 1.9.2-1.9.2.6, Firefox 3.6-3.6.6 ではバグにより、 Windows では 32x32px に制限されます。のちのバージョンでは修正されています。) + +Windos XP より前の Windows は、半透明のカーソルには対応していません。これはオペレーティングシステムの制限です。透過はすべてのプラットフォームで動作します。 + +カーソルでの URL 値の使用は Windows、 OS/2、 Linux (GTK+ 2.4かそれ以上のバージョン) で対応しています。 Mac OS X での対応は Gecko 2 (Firefox 4) で追加されました。 + +## ブラウザーの互換性 + +Microsoft Internet Explorer 6.0 も `cursor` プロパティに対応しています。しかし、次の制限があります。 + +- IE は CUR と ANI 形式のみに対応。 +- IE は CSS3 構文での X および Y 座標に対応していません。カーソルの画像、およびプロパティの残りの部分と一緒に無視されます。 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ブラウザー最初期バージョン形式 (例)X-Y 座標
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows および Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
+ OS X 10.5 から、 Safari (Mac) は .cur ファイルに対応しています。 +
diff --git a/files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md b/files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md deleted file mode 100644 index cb2fcddd24..0000000000 --- a/files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md +++ /dev/null @@ -1,123 +0,0 @@ ---- -title: cursor プロパティでの URL 値の使用 -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - CSS - - Gecko - - ガイド - - NeedsUpdate - - Reference -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property ---- -{{CSSRef}} - -[Gecko](/ja/docs/Mozilla/Gecko) 1.8 は URL の値を CSS の{{CSSxRef("cursor")}} プロパティで、 Windows と Linux で対応しています。 Mac の対応は Gecko 2 ([Firefox 4](/ja/docs/Mozilla/Firefox/Releases/4)) で追加されました。これによって任意の画像を、 Gecko が対応している画像形式ならば何でも、マウスカーソルとして指定することができます。 - -## 構文 - -基本 (CSS 2.1) の基本的な記述は次の通りです。 - -```css -{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} -``` - -つまり、0 個以上の URL を (カンマ区切りで) 指定することがありますが、 `auto` や `pointer` などの CSS 仕様書で定義されているキーワードうちの一つを指定する必要があります。 - -例えば次のような値が有効です。 - -```css -cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto; -``` - -始めに _foo.cur_ を読み込もうとします。ファイルが存在しないか、何らかの理由で有効でない場合は、_bar.gif_ を読み込もうとし、どちらも利用できない場合は `auto` が使用されます。 - -Gecko 1.8 (Firefox 1.5) では、 cursor の値に対して CSS 3 の構文が加えられました。 - -```css -{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} [ ]? , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} -``` - -これにより、カーソル画像の境界を設定するためのカーソル有効範囲を指定できます。指定がない場合、有効範囲はファイル (CUR か XBM ファイルの場合) の持つ設定が読み込まれるか、画像の左上端が設定されます。 CSS3 の構文の例は次の通りです。 - -```css -.foo { - cursor: auto; - cursor: url(cursor1.png) 4 12, auto; -} - -.bar { - cursor: pointer; - cursor: url(cursor2.png) 2 2, pointer; -} - -/* IE では 'auto' や 'pointer' で代替されますが、個別に設定する必要があります */ -``` - -初めの値は X 軸範囲で、2つ目の値は Y 軸範囲です。この例では、左上の (0, 0) の座標から (4, 12) までのピクセル座標が有効範囲になります。 - -

制限

- -Gecko で使用できる、すべての画像形式が対応されています。つまり PNG, GIF, JPG, BMP, CUR などの画像形式が使用できるということです。 ANI には対応していません。アニメーション PNG や GIF は動くカーソルとしては使用できません。 - -> **Note:** Gecko 2.0 以降は、 Gecko では SVG 形式のカーソルにも対応しています。しかし、 SVG 画像は (パーセント値ではない) 長さの値による幅と高さを SVG のルートノードに設定しなければなりません。 JavaScript、 CSS アニメーション、 SVG を内部にもつ宣言的な SMIL は無視されます。例えば、 SVG を使用してアニメーションカーソルを作成することはできません。 - -Gecko (Firefox) ではカーソルの寸法が 128×128px に制限されています。それより大きいカーソル画像は無視されます。ただし、オペレーティングシステムやプラットフォームとの互換性を最大化するために、 32×32px の大きさに制限してください。 - -(Gecko 1.9.2-1.9.2.6, Firefox 3.6-3.6.6 ではバグにより、 Windows では 32x32px に制限されます。のちのバージョンでは修正されています。) - -Windos XP より前の Windows は、半透明のカーソルには対応していません。これはオペレーティングシステムの制限です。透過はすべてのプラットフォームで動作します。 - -カーソルでの URL 値の使用は Windows、 OS/2、 Linux (GTK+ 2.4かそれ以上のバージョン) で対応しています。 Mac OS X での対応は Gecko 2 (Firefox 4) で追加されました。 - -## ブラウザーの互換性 - -Microsoft Internet Explorer 6.0 も `cursor` プロパティに対応しています。しかし、次の制限があります。 - -- IE は CUR と ANI 形式のみに対応。 -- IE は CSS3 構文での X および Y 座標に対応していません。カーソルの画像、およびプロパティの残りの部分と一緒に無視されます。 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ブラウザー最初期バージョン形式 (例)X-Y 座標
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows および Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
- OS X 10.5 から、 Safari (Mac) は .cur ファイルに対応しています。 -
-- cgit v1.2.3-54-g00ecf