Web/SVG/Attribute/color を新規翻訳

- 2021/10/19 時点の英語版に同期

1 files changed, 89 insertions, 0 deletions

diff --git a/files/ja/web/svg/attribute/color/index.md b/files/ja/web/svg/attribute/color/index.md
new file mode 100644
index 0000000000..f94bc74ce1
--- /dev/null
+++ b/files/ja/web/svg/attribute/color/index.md
@@ -0,0 +1,89 @@
+---
+title: color
+slug: Web/SVG/Attribute/color
+tags:
+  - SVG
+  - SVG Attribute
+browser-compat: svg.attributes.presentation.color
+translation_of: Web/SVG/Attribute/color
+---
+{{SVGRef}}
+
+**`color`** 属性は、間接的な値の候補である `currentcolor` を {{SVGAttr("fill")}}, {{SVGAttr("stroke")}}, {{SVGAttr("stop-color")}}, {{SVGAttr("flood-color")}}, {{SVGAttr("lighting-color")}} の各属性に与えるために使用します。
+
+> **Note:** プレゼンテーション属性として、`color` は CSS プロパティとして使用できます。詳しい情報は [CSS 色](/ja/docs/Web/CSS/color) を参照してください。
+
+プレゼンテーション属性として、任意の要素に適用することができますが、上記のように SVG 要素には直接影響を与えません。
+
+## 使用上のメモ
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">値</th>
+      <td>
+        <code><a href="/ja/docs/Web/CSS/color_value">&#x3C;color></a></code>
+        | <code>inherit</code>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">既定値</th>
+      <td>ユーザーエージェントによる</td>
+    </tr>
+    <tr>
+      <th scope="row">アニメーション</th>
+      <td>可</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="Example">例</h2>
+
+```css hidden
+html, body, svg {
+  height: 100%;
+}
+```
+
+```html
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <g color="green">
+    <rect width="50" height="50" fill="currentcolor" />
+    <circle r="25" cx="70" cy="70" stroke="currentcolor" fill="none" stroke-width="5" />
+  </g>
+</svg>
+```
+
+{{EmbedLiveSample("Example", "100%", "110")}}
+
+## 仕様書
+
+<table class="no-markdown">
+  <thead>
+    <tr>
+      <th scope="col">仕様書</th>
+      <th scope="col">状態</th>
+      <th scope="col">備考</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>
+        {{SpecName("SVG2", "painting.html#ColorProperty", "color")}}
+      </td>
+      <td>{{Spec2("SVG2")}}</td>
+      <td>適用先の要素の制約を削除。</td>
+    </tr>
+    <tr>
+      <td>
+        {{SpecName("SVG1.1", "color.html#ColorProperty", "color")}}
+      </td>
+      <td>{{Spec2("SVG1.1")}}</td>
+      <td>初回定義</td>
+    </tr>
+  </tbody>
+</table>
+
+## ブラウザーの互換性
+
+{{Compat}}