aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-02 23:36:39 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-10 11:20:27 +0900
commitd7327210691172cdaae8d508fdb6334e86344992 (patch)
treedd2540425fffd59f04f0144ad7435be3e900770a
parent7287170965f966c40b64728990289f25ae893204 (diff)
downloadtranslated-content-d7327210691172cdaae8d508fdb6334e86344992.tar.gz
translated-content-d7327210691172cdaae8d508fdb6334e86344992.tar.bz2
translated-content-d7327210691172cdaae8d508fdb6334e86344992.zip
2021/08/13 時点の英語版に同期
-rw-r--r--files/ja/web/css/actual_value/index.md64
1 files changed, 23 insertions, 41 deletions
diff --git a/files/ja/web/css/actual_value/index.md b/files/ja/web/css/actual_value/index.md
index 563219f3a2..d63d3aec16 100644
--- a/files/ja/web/css/actual_value/index.md
+++ b/files/ja/web/css/actual_value/index.md
@@ -3,47 +3,29 @@ title: 実効値
slug: Web/CSS/actual_value
tags:
- CSS
- - Guide
- - Reference
- ガイド
+ - リファレンス
translation_of: Web/CSS/actual_value
---
-<div>{{CSSRef}}</div>
-
-<p><a href="/ja/docs/Web/CSS">CSS</a> プロパティの<ruby><strong>実効値</strong><rp> (</rp><rt>actual value</rt><rp>) </rp></ruby>は、すべての必要な推定が適用された後の<ruby><a href="/ja/docs/Web/CSS/used_value">使用値</a><rp> (</rp><rt>used value</rt><rp>) </rp></ruby>です。例えば、境界を整数値のピクセル幅でしか描けない{{glossary("user agent", "ユーザーエージェント")}}は、境界の太さを近似値の整数に丸めるかもしれません。</p>
-
-<h2 id="Calculating_a_propertys_actual_value" name="Calculating_a_propertys_actual_value">プロパティの実効値の計算</h2>
-
-<p>{{glossary("user agent", "ユーザーエージェント")}}はプロパティの実効値 (最終値) を4段階で計算します。</p>
-
-<ol>
- <li>最初に<ruby><a href="/ja/docs/Web/CSS/specified_value">指定値</a><rp> (</rp><rt>specified value</rt><rp>) </rp></ruby>が、<a href="/ja/docs/Web/CSS/Cascade">カスケード</a>、<a href="/ja/docs/Web/CSS/inheritance">継承</a>、<a href="/ja/docs/Web/CSS/initial_value">初期値</a>の使用の何れかによって決定されます。</li>
- <li>次に、仕様に従って<ruby><a href="/ja/docs/Web/CSS/computed_value">計算値</a><rp> (</rp><rt>computed value</rt><rp>) </rp></ruby>が計算されます (例えば、 <code>position: absolute</code> の付いた <code>span</code> は、計算で <code>display</code> が <code>block</code> に変わります)。</li>
- <li>最後に、レイアウトが計算され、結果として<a href="/ja/docs/Web/CSS/used_value">使用値</a>になります。</li>
- <li>最後に、使用値がローカルの環境の制約によって変換され、結果として実効値になります。</li>
-</ol>
-
-<h2 id="仕様書">仕様書</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('CSS2.1', 'cascade.html#actual-value', 'actual value')}}</td>
- <td>{{Spec2('CSS2.1')}}</td>
- <td>初回定義。</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{CSS_key_concepts}}</li>
-</ul>
+{{CSSRef}}
+
+**実効値** (actual value) は [CSS](/ja/docs/Web/CSS) プロパティにおいて、すべての必要な推定が適用された後の [使用値](/ja/docs/Web/CSS/used_value) (used value) です。例えば、境界を整数値のピクセル幅でしか描けない{{glossary("user agent", "ユーザーエージェント")}}は、境界の太さを近似値の整数に丸めるかもしれません。
+
+## プロパティの実効値の計算
+
+{{glossary("user agent", "ユーザーエージェント")}}はプロパティの実効値 (最終値) を 4 段階で計算します。
+
+1. 最初に[指定値](/ja/docs/Web/CSS/specified_value) (specified value) が、[カスケード](/ja/docs/Web/CSS/Cascade)、[継承](/ja/docs/Web/CSS/inheritance)、[初期値](/ja/docs/Web/CSS/initial_value)の使用の何れかによって決定されます。
+2. 次に、仕様に従って[計算値](/ja/docs/Web/CSS/computed_value) (computed value) が計算されます (例えば、 `span` に `position: absolute` が付いていると、 `display` が計算で `block` に変わります)。
+3. それから、レイアウトが計算され、結果として[使用値](/ja/docs/Web/CSS/used_value)になります。
+4. 最後に、使用値がローカルの環境の制約によって変換され、結果として実効値になります。
+
+## 仕様書
+
+| 仕様書 | 状態 | 備考 |
+| ------------------------------------------------------------------- | ------------------- | -------- |
+| {{SpecName('CSS2.1', 'cascade.html#actual-value', 'actual value')}} | {{Spec2('CSS2.1')}} | 初回定義 |
+
+## 関連情報
+
+- {{CSS_key_concepts}}