2021/08/13 時点の英語版に同期

1 files changed, 41 insertions, 47 deletions

diff --git a/files/ja/web/css/@counter-style/additive-symbols/index.md b/files/ja/web/css/@counter-style/additive-symbols/index.md
index f0ac37974f..03c568b745 100644
--- a/files/ja/web/css/@counter-style/additive-symbols/index.md
+++ b/files/ja/web/css/@counter-style/additive-symbols/index.md
@@ -3,83 +3,77 @@ title: additive-symbols
 slug: Web/CSS/@counter-style/additive-symbols
 tags:
   - '@counter-style'
+  - アットルール記述子
   - CSS
   - CSS カウンタースタイル
   - CSS 記述子
   - リファレンス
+browser-compat: css.at-rules.counter-style.additive-symbols
 translation_of: Web/CSS/@counter-style/additive-symbols
 ---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
 
-<p><strong><code>additive-symbols</code></strong> 記述子で、カウンターの {{cssxref('system')}} 記述子が加算的 (<code>additive</code>) な場合の記号を指定することができます。 <code>additive-symbols</code> 記述子では<em>加算的なタプル</em>を、それぞれ記号と非負数の整数による重みの組で定義します。加算的なシステムは、ローマ数字のような <a href="http://en.wikipedia.org/wiki/Sign-value_notation">sign-value numbering</a> を構築するために使われます。</p>
+**`additive-symbols`** 記述子は、カウンターの {{cssxref('system')}} 記述子が加算的 (`additive`) な場合の記号を指定することができます。 `additive-symbols` 記述子では*加算的なタプル*を、それぞれ記号と非負数の整数による重みの組で定義します。加算的なシステムは、ローマ数字のような [sign-value numbering](http://en.wikipedia.org/wiki/Sign-value_notation) を構築するために使われます。
 
-<pre class="brush: css no-line-numbers">additive-symbols: 3 "0";
+## 構文
+
+```css
+additive-symbols: 3 "0";
 additive-symbols: 3 "0", 2 "\2E\20";
 additive-symbols: 3 "0", 2 url(symbol.png);
-</pre>
+```
 
-<p><code>system</code> 記述子が <code>cyclic</code>, <code>numeric</code>, <code>alphabetic</code>, <code>symbolic</code>, <code>fixed</code> の場合は、 <code>additive-symbols</code> の代わりに {{cssxref('symbols')}} 記述子を使用してください。</p>
+`system` 記述子が `cyclic`, `numeric`, `alphabetic`, `symbolic`, `fixed` の場合は、 {{cssxref('symbols')}} 記述子を `additive-symbols` の代わりに使用してください。
 
-<p>{{cssinfo}}</p>
+## 公式定義
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+{{cssinfo}}
 
-<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3>
+## 形式文法
 
 {{csssyntax}}
 
-<h2 id="Example" name="Example">例</h2>
+## 例
+
+### 加算的シンボルの指定
 
-<h3 id="HTML">HTML</h3>
+#### HTML
 
-<pre class="html prettyprint" id="htmlOutput">&lt;ul class="list"&gt;
-  &lt;li&gt;One&lt;/li&gt;
-  &lt;li&gt;Two&lt;/li&gt;
-  &lt;li&gt;Three&lt;/li&gt;
-  &lt;li&gt;Four&lt;/li&gt;
-  &lt;li&gt;Five&lt;/li&gt;
-&lt;/ul&gt;</pre>
+```html
+<ul class="list">
+  <li>One</li>
+  <li>Two</li>
+  <li>Three</li>
+  <li>Four</li>
+  <li>Five</li>
+</ul>
+```
 
-<h3 id="CSS">CSS</h3>
+#### CSS
 
-<pre class="brush: css">@counter-style additive-symbols-example {
+```css
+@counter-style additive-symbols-example {
   system: additive;
-  additive-symbols: V 5, IV 4, I 1;
+  additive-symbols: V 5, IV 4, I 1;
 }
 .list {
   list-style: additive-symbols-example;
-}</pre>
+}
+```
 
-<h3 id="Result" name="Result">結果</h3>
+#### 結果
 
-<p>{{ EmbedLiveSample('Example') }}</p>
+{{ EmbedLiveSample('Specifying_additive_symbols') }}
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+## 仕様書
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-   <th scope="col">状態</th>
-   <th scope="col">備考</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('CSS3 Counter Styles', '#counter-style-symbols', 'additive-symbols')}}</td>
-   <td>{{Spec2('CSS3 Counter Styles')}}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
+{{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
+## ブラウザーの互換性
 
-<p>{{Compat("css.at-rules.counter-style.additive-symbols")}}</p>
+{{Compat}}
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+## 関連情報
 
-<ul>
- <li>{{Cssxref("list-style")}}, {{Cssxref("list-style-image")}}, {{Cssxref("list-style-position")}}</li>
- <li>{{cssxref("symbols", "symbols()")}}、 匿名のカウンタースタイルを作成するために使用される関数形式の記述方法です。</li>
-</ul>
+- {{Cssxref("list-style")}}, {{Cssxref("list-style-image")}}, {{Cssxref("list-style-position")}}
+- {{cssxref("symbols()", "symbols()")}}、無名のカウンタースタイルを作成する関数記法