<image> や <gradient> の呼び出しマクロを修正

files/ja/mozilla/firefox/releases/19/index.md

@@ -19,7 +19,7 @@ Gecko 19 を搭載した Firefox 19 は米国時間 2013 年 2 月 19 日にリ
 - `-moz-initial` 値の接頭辞を外しました ([Firefox バグ 806068](https://bugzil.la/806068))。`-moz-initial` は当分の間、エイリアスとして残します。しかし、ウェブ開発者は `initial` に移行することを強く推奨します。
 - CSS の {{ cssxref("text-transform")}} プロパティで、日本語や中国語など固定幅の表意文字を使用したテキスト内にラテン文字をなめらかに追加できるようにするためのキーワードである `full-width` をサポートしました([Firefox バグ 774560](https://bugzil.la/774560))。
 - CSS の {{ cssxref("page-break-inside")}} を実装しました ([Firefox バグ 685012](https://bugzil.la/685012))。
-- CSS の {{ cssxref("calc", "calc()")}} 関数を、({{cssxref("&lt;gradient&gt;")}} の) `<color-stop>` で使用できるようになりました。
+- CSS の {{ cssxref("calc", "calc()")}} 関数を、({{cssxref("gradient")}} の) `<color-stop>` で使用できるようになりました。
 - CSS の {{ cssxref("@page") }} @-規則をサポートしました ([Firefox バグ 115199](https://bugzil.la/115199))。擬似クラス {{cssxref(":first")}}、{{cssxref(":right")}}、および {{cssxref(":left")}} はまだ実装されていないことに注意してください。
 - 擬似クラス {{ cssxref(":-moz-placeholder") }} は、擬似*要素* {{ cssxref("::-moz-placeholder") }} に置き換えられました ([Firefox バグ 737786](https://bugzil.la/737786))。
 

files/ja/mozilla/firefox/releases/29/index.md

@@ -28,7 +28,7 @@ _詳細および他の小規模な変更点については [Mozilla Hacks ブロ
 - {{cssxref("box-sizing")}} プロパティの接頭辞を外しました ([Firefox バグ 243412](https://bugzil.la/243412))。
 - 何かがアニメーションするであろうというヒントを与える、{{cssxref("will-change")}} プロパティを追加しました。有効化するには設定項目 `layout.css.will-change.enabled` を `true` に変更しなければなりません。([Firefox バグ 940842](https://bugzil.la/940842))
 - `3e1` や `10e+0` といった指数表記を {{cssxref("<number>")}} 値でサポートしました ([Firefox バグ 964529](https://bugzil.la/964529))。
-- {{cssxref("<gradient>")}} タイプの画像を {{cssxref("border-image")}} でサポートしました ([Firefox バグ 709587](https://bugzil.la/709587))。
+- {{cssxref("gradient")}} タイプの画像を {{cssxref("border-image")}} でサポートしました ([Firefox バグ 709587](https://bugzil.la/709587))。
 - {{cssxref("touch-action")}} プロパティを実装しました。デフォルトでは無効であり、設定項目 `layout.css.touch_action.enabled` で制御します。([Firefox バグ 795567](https://bugzil.la/795567))
 - \<pre> 要素用の冗長なデフォルトスタイルを quirk.css から削除しました ([Firefox バグ 948914](https://bugzil.la/948914))。
 - CSS Variables のフォールバックを正しく実装しました (基本的な循環参照) ([Firefox バグ 950497](https://bugzil.la/950497))。

files/ja/mozilla/firefox/releases/36/index.md

@@ -33,8 +33,8 @@ Firefox 36 は、米国時間 2015 年 2 月 24 日にリリースされまし
 - {{cssxref("display")}} プロパティの値 `contents` を実験的に実装しました。デフォルトで無効に設定しています ([Firefox バグ 907396](https://bugzil.la/907396))。
 - [Quirks モード](/ja/docs/Web/HTML/Guides/Quirks_mode_and_standards_mode)で、[`:active` および `:hover` の Quirk](/ja/docs/Mozilla_Quirks_Mode_Behavior#Miscellaneous_.26_Style) の適用対象を削減しました。リンクにのみ、および要素内に擬似要素や他の擬似クラスがない場合や擬似クラスの要素の一部ではない場合に限り適用されます ([Firefox バグ 783213](https://bugzil.la/783213))。
 - {{cssxref("isolation")}} プロパティを実装しました ([Firefox バグ 1077872](https://bugzil.la/1077872))。
-- CSS の {{cssxref("<gradient>")}} が乗算済み色に適用されるようになり、仕様書や他ブラウザーと合致しました。また、途中に予期しない灰色が現れないようになりました ([Firefox バグ 591600](https://bugzil.la/591600))。
-- {{cssxref("<gradient>")}} に、補間法のヒントを与える構文を追加しました ([Firefox バグ 1074056](https://bugzil.la/1074056))。
+- CSS の {{cssxref("gradient")}} が乗算済み色に適用されるようになり、仕様書や他ブラウザーと合致しました。また、途中に予期しない灰色が現れないようになりました ([Firefox バグ 591600](https://bugzil.la/591600))。
+- {{cssxref("gradient")}} に、補間法のヒントを与える構文を追加しました ([Firefox バグ 1074056](https://bugzil.la/1074056))。
 - {{cssxref("scroll-behavior")}} プロパティを実装しました ([Firefox バグ 1010538](https://bugzil.la/1010538))。
 
 ### HTML

files/ja/mozilla/firefox/releases/49/index.md

@@ -46,7 +46,7 @@ l10n:
 - {{cssxref("background-clip")}} で、キーワード `text` をデフォルトで有効化しました ([Firefox バグ 1264905](https://bugzil.la/1264905))。
 - 4 桁および 8 桁の 16 進数による CSS [色](/ja/docs/Web/CSS/Reference/Values/color_value) の値 (#RRGGBBAA や #RGBA) による、アルファチャンネルを含む色の指定をサポートしました ([Firefox バグ 567283](https://bugzil.la/567283))。
 - {{cssxref(":dir()")}} 擬似クラスの接頭辞を外しました ([Firefox バグ 859301](https://bugzil.la/859301))。
-- {{cssxref("clip-path")}} の実験的な実装 (デフォルトで有効化していません) で、複数の {{cssxref("<basic-shape>")}} 値の間で補間処理が可能になりました ([Firefox バグ 1110460](https://bugzil.la/1110460))。
+- {{cssxref("clip-path")}} の実験的な実装 (デフォルトで有効化していません) で、複数の {{cssxref("basic-shape")}} 値の間で補間処理が可能になりました ([Firefox バグ 1110460](https://bugzil.la/1110460))。
 - [長さの単位 `q`](/ja/docs/Web/CSS/Reference/Values/length#q) をサポートしました ([Firefox バグ 1274526](https://bugzil.la/1274526))。
 - {{cssxref("text-align-last")}} プロパティの接頭辞を削除しました ([Firefox バグ 1039541](https://bugzil.la/1039541))。
 - {{cssxref("overflow-wrap")}} をサポートしました。 `word-wrap` を置き換えるものですが、こちらも別名としてサポートを続けます ([Firefox バグ 955857](https://bugzil.la/955857))。
@@ -240,7 +240,7 @@ Firefox 49 より、サイトが正しく機能するために必要ではない
   - `-webkit-box-align`
   - `-webkit-box-pack`
 
-- {{cssxref("<image>")}} の値について:
+- {{cssxref("image")}} の値について:
   - `-webkit-linear-gradient()`、`-webkit-radial-gradient()`、`-webkit-repeating-linear-gradient()`、`-webkit-repeating-radial-gradient()` 関数は、接頭辞なしの同等物に紐づけています。
   - 旧式の `-webkit-gradient` をサポートします (また、正規のグラデーションに変換します)。
 

files/ja/mozilla/firefox/releases/57/index.md

@@ -30,7 +30,7 @@ _変更なし。_
 
 - [`display-mode`](/ja/docs/Web/CSS/Reference/At-rules/@media/display-mode) メディアクエリーの値 `minimal-ui` および `standalone` をサポートしました ([Firefox バグ 1369815](https://bugzil.la/1369815))。[ウェブアプリマニフェストの `display` フィールド](/ja/docs/Web/Progressive_web_apps/Manifest#display) もご覧ください。
 - `grid-row-gap` および `grid-column-gap` プロパティが、{{CSSxRef("grid")}} ショートハンドプロパティでリセットされないようになりました ([Firefox バグ 1387410](https://bugzil.la/1387410))。
-- 設定項目 `layout.css.clip-path-shapes.enabled` を削除しました ([Firefox バグ 1399767](https://bugzil.la/1399767))。この設定項目で、{{CSSxRef("clip-path")}} の {{cssxref("<basic-shape>")}} のサポートを無効化できました。これは Firefox 54 で導入されたものであり、今後は無効化できません。
+- 設定項目 `layout.css.clip-path-shapes.enabled` を削除しました ([Firefox バグ 1399767](https://bugzil.la/1399767))。この設定項目で、{{CSSxRef("clip-path")}} の {{cssxref("basic-shape")}} のサポートを無効化できました。これは Firefox 54 で導入されたものであり、今後は無効化できません。
 
 #### Quantum CSS に関する補足
 

files/ja/mozilla/firefox/releases/64/index.md

@@ -34,7 +34,7 @@ _変更なし。_
 - [CSS Scrollbars](/ja/docs/Web/CSS/Guides/Scrollbars_styling) 仕様の機能をデフォルトで有効化しました ([Firefox バグ 1492012](https://bugzil.la/1492012))。
 - [`pointer:coarse`](/ja/docs/Web/CSS/Reference/At-rules/@media/pointer) を含む、Interaction Media Features を実装しました ([Firefox バグ 1035774](https://bugzil.la/1035774))。[`any-pointer`](/ja/docs/Web/CSS/Reference/At-rules/@media/any-pointer) および [`any-hover`](/ja/docs/Web/CSS/Reference/At-rules/@media/any-hover) の実装については、[Firefox バグ 1483111](https://bugzil.la/1483111) をご覧ください。
 - [`prefers-reduced-motion`](/ja/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion) メディア特性を Android 版 Firefox でサポートしました ([Firefox バグ 1478505](https://bugzil.la/1478505))。
-- CSS の {{cssxref("<gradient>")}} 値で複数の color stop を持つ構文をサポートしました。例えば `yellow 25%, yellow 50%` を `yellow 25% 50%` と書くことができます ([Firefox バグ 1352643](https://bugzil.la/1352643))。
+- CSS の {{cssxref("gradient")}} 値で複数の color stop を持つ構文をサポートしました。例えば `yellow 25%, yellow 50%` を `yellow 25% 50%` と書くことができます ([Firefox バグ 1352643](https://bugzil.la/1352643))。
 - {{cssxref("text-transform")}} プロパティで `full-size-kana` 値を受け入れるようになりました ([Firefox バグ 1498148](https://bugzil.la/1498148))。
 - ウェブ互換性の問題を緩和するため、{{cssxref("appearance", "-webkit-appearance")}} をサポートしました ([Firefox バグ 1368555](https://bugzil.la/1368555))。
 - 上記の更新に関連して、Firefox 固有の `-moz-appearance` の大半の値を削除しました ([Firefox バグ 1496720](https://bugzil.la/1496720))。

files/ja/web/css/guides/images/index.md

@@ -6,7 +6,7 @@ l10n:
   sourceCommit: 85fccefc8066bd49af4ddafc12c77f35265c7e2d
 ---
 
-**CSS 画像** (CSS images) モジュールは、画像に利用できる型（{{CSSxRef("<image>")}} 型、その中の URL、グラデーション、その他の種類の画像）、どのように大きさを変更するか、様々なレイアウトモデルで画像やその他の置換コンテンツが応答するかを定義します。
+**CSS 画像** (CSS images) モジュールは、画像に利用できる型（{{cssxref("image")}} 型、その中の URL、グラデーション、その他の種類の画像）、どのように大きさを変更するか、様々なレイアウトモデルで画像やその他の置換コンテンツが応答するかを定義します。
 
 ## リファレンス
 
@@ -36,8 +36,8 @@ CSS 画像モジュールは {{CSSxRef("image/image", "image()")}} 関数も定
 
 ### データ型
 
-- {{CSSxRef("<gradient>")}}
-- {{CSSxRef("<image>")}}
+- {{CSSxRef("gradient")}}
+- {{cssxref("image")}}
 
 ## ガイド
 

files/ja/web/css/guides/images/using_gradients/index.md

@@ -6,7 +6,7 @@ l10n:
   sourceCommit: 85fccefc8066bd49af4ddafc12c77f35265c7e2d
 ---
 
-**CSS グラデーション**は {{cssxref("<gradient>")}} データ型で表現され、 2 つ以上の色の間の連続的な変化から成る {{cssxref("<image>")}} の特殊型です。グラデーションは 3 種類から選択することができます。線形 (_linear_) ({{cssxref("gradient/linear-gradient", "linear-gradient()")}} 関数によって生成)、放射 (_radial_) ({{cssxref("gradient/radial-gradient", "radial-gradient()")}} 関数によって生成)、扇形 (_conic_) ({{cssxref("gradient/conic-gradient", "conic-gradient()")}} 関数によって生成) の 3 種類です。 {{cssxref("gradient/repeating-linear-gradient", "repeating-linear-gradient()")}}, {{cssxref("gradient/repeating-radial-gradient", "repeating-radial-gradient()")}}, {{cssxref("gradient/repeating-conic-gradient", "repeating-conic-gradient()")}} の各関数によって、反復グラデーションを生成することもできます。
+**CSS グラデーション**は {{cssxref("gradient")}} データ型で表現され、 2 つ以上の色の間の連続的な変化から成る {{cssxref("image")}} の特殊型です。グラデーションは 3 種類から選択することができます。線形 (_linear_) ({{cssxref("gradient/linear-gradient", "linear-gradient()")}} 関数によって生成)、放射 (_radial_) ({{cssxref("gradient/radial-gradient", "radial-gradient()")}} 関数によって生成)、扇形 (_conic_) ({{cssxref("gradient/conic-gradient", "conic-gradient()")}} 関数によって生成) の 3 種類です。 {{cssxref("gradient/repeating-linear-gradient", "repeating-linear-gradient()")}}, {{cssxref("gradient/repeating-radial-gradient", "repeating-radial-gradient()")}}, {{cssxref("gradient/repeating-conic-gradient", "repeating-conic-gradient()")}} の各関数によって、反復グラデーションを生成することもできます。
 
 グラデーションは、例えば背景など、`<image>` が使えるところならば、どこでも利用できます。グラデーションは動的に生成されるため、従来は同様の効果を実現するために使用されていたラスタ画像ファイルを必要としません。加えて、グラデーションはブラウザーによって生成されるため、拡大した際に見栄えがより良く、その場で大きさを変更することもできます。
 
@@ -1059,7 +1059,7 @@ div {
 ## 関連記事
 
 - グラデーション関数: {{cssxref("gradient/linear-gradient", "linear-gradient()")}}, {{cssxref("gradient/radial-gradient", "radial-gradient()")}}, {{cssxref("gradient/conic-gradient", "conic-gradient()")}}, {{cssxref("gradient/repeating-linear-gradient", "repeating-linear-gradient()")}}, {{cssxref("gradient/repeating-radial-gradient", "repeating-radial-gradient()")}}, {{cssxref("gradient/repeating-conic-gradient", "repeating-conic-gradient()")}}
-- グラデーション関連の CSS データ型: {{cssxref("&lt;gradient&gt;")}}, {{cssxref("&lt;image&gt;")}}
+- グラデーション関連の CSS データ型: {{cssxref("gradient")}}, {{cssxref("image")}}
 - グラデーション関連の CSS プロパティ: {{cssxref("background")}}, {{cssxref("background-image")}}
 - [CSS Gradients Patterns Gallery, by Lea Verou](https://projects.verou.me/css3patterns/)
 - [Gradient CSS Generator](https://cssgenerator.org/gradient-css-generator.html)

files/ja/web/css/guides/values_and_units/index.md

@@ -234,8 +234,8 @@ CSS の値と単位のモジュールでは、{{cssxref("frequency")}} および
   - [`color-mix()`](/ja/docs/Web/CSS/Reference/Values/color_value/color-mix)
 
 - [CSS 画像](/ja/docs/Web/CSS/Guides/Images)モジュール
-  - {{cssxref("<image>")}}
-  - {{cssxref("<gradient>")}}
+  - {{cssxref("image")}}
+  - {{cssxref("gradient")}}
 
 ## 仕様書
 

files/ja/web/css/reference/properties/-webkit-box-reflect/index.md

@@ -38,7 +38,7 @@ original_slug: Web/CSS/-webkit-box-reflect
   - : どの方向に反射するかを示すキーワードです。
 - {{CSSxRef("<length>")}}
   - : 反射の大きさを示します。
-- {{CSSxRef("<image>")}}
+- {{cssxref("image")}}
   - : 反射に適用されるマスクを記述します。
 
 ## 公式定義

files/ja/web/css/reference/properties/background-image/index.md

@@ -65,7 +65,7 @@ background-image: revert-layer;
 background-image: unset;
 ```
 
-それぞれの背景画像は、キーワード `none` または {{cssxref("<image>")}} 値として指定されます。
+それぞれの背景画像は、キーワード `none` または {{cssxref("image")}} 値として指定されます。
 
 複数の背景画像を指定するには、複数の値をカンマで区切って指定してください。
 
@@ -74,7 +74,7 @@ background-image: unset;
 - `none`
   - : 画像を用いないことを表すキーワード。
 - `<image>`
-  - : 表示する背景を記述する {{cssxref("&lt;image&gt;")}}。[複数の背景](/ja/docs/Web/CSS/Guides/Backgrounds_and_borders/Using_multiple_backgrounds)に対応している場合は、カンマ区切りで複数指定することができます。
+  - : 表示する背景を記述する {{cssxref("image")}}。[複数の背景](/ja/docs/Web/CSS/Guides/Backgrounds_and_borders/Using_multiple_backgrounds)に対応している場合は、カンマ区切りで複数指定することができます。
 
 ## 解説
 

files/ja/web/css/reference/properties/background-size/index.md

@@ -114,7 +114,7 @@ background-size: unset;
 - ビットマップ画像 (JPG など) には、常に内在的な寸法と比率があります。
 - ベクター画像 (SVG など) には、内在的な寸法がないことがあります。水平と垂直の両方に内在的な寸法がある場合は、内在的な比率もあります。
   内在的な寸法がなかったり、一方しかなかったりする場合は、内在的な比率がある場合も、ない場合もあります。
-- CSS の {{cssxref("<gradient>")}} には内在的な寸法も内在的な比率もありません。
+- CSS の {{cssxref("gradient")}} には内在的な寸法も内在的な比率もありません。
 - {{cssxref("element", "element()")}} 関数によって作成された背景画像では、それを作成する要素の内在的な寸法と比率を使用します。
 
 > [!NOTE]

files/ja/web/css/reference/properties/color/index.md

@@ -111,7 +111,7 @@ color: unset;
 
 `color` プロパティは単一の {{cssxref("<color>")}} 値で指定します。
 
-なお、値は単一の色でなければなりません。 {{cssxref("<gradient>")}} は実際の型が {{cssxref("<image>")}} であるため使用できません。
+なお、値は単一の色でなければなりません。 {{cssxref("gradient")}} は実際の型が {{cssxref("image")}} であるため使用できません。
 
 ### 値
 

files/ja/web/css/reference/values/color-interpolation-method/index.md

@@ -127,5 +127,5 @@ in <polar-color-space>[ <hue-interpolation method>]
 
 ## 関連情報
 
-- {{CSSXref("&lt;color&gt;")}}, {{CSSXref("&lt;gradient&gt;")}}
+- {{CSSXref("&lt;color&gt;")}}, {{CSSXref("gradient")}}
 - {{CSSXref("&lt;hue-interpolation-method&gt;")}}

files/ja/web/css/reference/values/element/index.md

@@ -7,7 +7,7 @@ l10n:
 
 {{SeeCompatTable}}
 
-**`element()`** は [CSS](/ja/docs/Web/CSS) の[関数](/ja/docs/Web/CSS/Reference/Values/Functions)で、任意の HTML 要素から生成された {{cssxref("<image>")}} 値を定義します。この画像は動的で、HTML 要素が変更されると、この関数の結果を使う CSS プロパティが自動的に更新されます。
+**`element()`** は [CSS](/ja/docs/Web/CSS) の[関数](/ja/docs/Web/CSS/Reference/Values/Functions)で、任意の HTML 要素から生成された {{cssxref("image")}} 値を定義します。この画像は動的で、HTML 要素が変更されると、この関数の結果を使う CSS プロパティが自動的に更新されます。
 
 特に便利な使い道としては、HTML の {{HTMLElement("canvas")}} 要素の画像を背景に使うというものです。
 
@@ -118,7 +118,7 @@ element(id)
 
 - {{cssxref("image/image", "image()")}}
 - {{cssxref("image/image-set", "image-set()")}}
-- {{cssxref("<image>")}}
-- {{cssxref("<gradient>")}}
+- {{cssxref("image")}}
+- {{cssxref("gradient")}}
 - {{cssxref("cross-fade", "cross-fade()")}}
 - {{domxref("document.mozSetImageElement()")}}