diff options
| -rw-r--r-- | files/ja/web/css/actual_value/index.md | 64 |
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}} |