CSS Values and Units の文書を更新

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

1 files changed, 33 insertions, 63 deletions

diff --git a/files/ja/web/css/number/index.md b/files/ja/web/css/number/index.md
index cef3982e3b..2e94d16912 100644
--- a/files/ja/web/css/number/index.md
+++ b/files/ja/web/css/number/index.md
@@ -4,87 +4,57 @@ slug: Web/CSS/number
 tags:
   - CSS
   - CSS データ型
-  - Number
-  - Reference
-  - ウェブ
+  - データ型
   - レイアウト
-  - 数値
+  - リファレンス
+  - ウェブ
+browser-compat: css.types.number
 translation_of: Web/CSS/number
 ---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
 
-<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>&lt;number&gt;</code></strong> <a href="/ja/docs/Web/CSS/CSS_Types">データ型</a>は、整数または小数部分のある数値を表します。</p>
+[CSS](/ja/docs/Web/CSS) の **`<number>`** [データ型](/ja/docs/Web/CSS/CSS_Types)は、整数または小数部分のある数値を表します。
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+## 構文
 
-<p><code>&lt;number&gt;</code> の構文は {{CSSxRef("&lt;integer&gt;")}} 構文を拡張したものです。小数は <code>.</code> と続く1桁以上の10進数で表し、整数部に追加することができます。数値に関連付けられた単位はありません。</p>
+`<number>` の構文は {{CSSxRef("&lt;integer&gt;")}} 構文を拡張したものです。小数は `.` と続く1桁以上の10進数で表し、整数部に追加することができます。数値に関連付けられた単位はありません。
 
-<h2 id="Interpolation" name="Interpolation">補間</h2>
+## 補間
 
-<p><code>&lt;number&gt;</code> データ型の値はアニメーション用に補間可能です。実数、浮動小数点数として補間されます。補間の速度は、アニメーションに関連付けられた <a href="/ja/docs/Web/CSS/single-transition-timing-function">timing function</a> で決められます。</p>
+`<number>` データ型の値はアニメーション用に補間可能です。実数、浮動小数点数として補間されます。補間の速度は、アニメーションに関連付けられた[タイミング関数](/ja/docs/Web/CSS/easing-function)で決められます。
 
-<h2 id="Examples" name="Examples">例</h2>
+## 例
 
-<h3 id="有効な数値">有効な数値</h3>
+### 有効な数値
 
-<pre class="syntaxbox example-good">12          生の &lt;integer&gt; は &lt;number&gt; でもある
+```css example-good
+12          生の &lt;integer&gt; は &lt;number&gt; でもある
 4.01        正の実数
 -456.8      負の実数
 0.0         ゼロ
 +0.0        + に続くゼロ
 -0.0        - に続くゼロ
 .60         前のゼロがない小数値
-10e3        Scientific notation
--3.4e-2     Complicated scientific notation
-</pre>
+10e3        指数表記
+-3.4e-2     複雑な指数表記
+```
 
-<h3 id="Invalid_numbers" name="Invalid_numbers">無効な数値</h3>
+### 無効な数値
 
-<pre class="syntaxbox example-bad">12.         小数点の後ろには数字が続かなくてはなりません
+```css example-bad
+12.         小数点の後ろには数字が続かなくてはなりません
 +-12.2      前に置ける +/- は 1 つだけです
 12.1.1      小数点は1つしか置けません
-</pre>
-
-<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("CSS4 Values", "#numbers", "&lt;number&gt;")}}</td>
-   <td>{{Spec2("CSS4 Values")}}</td>
-   <td>重要な変更なし</td>
-  </tr>
-  <tr>
-   <td>{{SpecName("CSS3 Values", "#numbers", "&lt;number&gt;")}}</td>
-   <td>{{Spec2("CSS3 Values")}}</td>
-   <td>重要な変更なし</td>
-  </tr>
-  <tr>
-   <td>{{SpecName("CSS2.1", "syndata.html#numbers", "&lt;number&gt;")}}</td>
-   <td>{{Spec2("CSS2.1")}}</td>
-   <td>明示的な定義</td>
-  </tr>
-  <tr>
-   <td>{{SpecName("CSS1", "", "&lt;number&gt;")}}</td>
-   <td>{{Spec2("CSS1")}}</td>
-   <td>暗黙的な定義</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<p>{{Compat("css.types.number")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{CSSxRef("&lt;integer&gt;")}}</li>
-</ul>
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{CSSxRef("&lt;integer&gt;")}}