From d7327210691172cdaae8d508fdb6334e86344992 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 2 Jan 2022 23:36:39 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/actual_value/index.md | 64 ++++++++++++---------------------- 1 file changed, 23 insertions(+), 41 deletions(-) (limited to 'files/ja/web') 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 --- -
{{CSSRef}}
- -

CSS プロパティの実効値 (actual value) は、すべての必要な推定が適用された後の使用値 (used value) です。例えば、境界を整数値のピクセル幅でしか描けない{{glossary("user agent", "ユーザーエージェント")}}は、境界の太さを近似値の整数に丸めるかもしれません。

- -

プロパティの実効値の計算

- -

{{glossary("user agent", "ユーザーエージェント")}}はプロパティの実効値 (最終値) を4段階で計算します。

- -
    -
  1. 最初に指定値 (specified value) が、カスケード継承初期値の使用の何れかによって決定されます。
  2. -
  3. 次に、仕様に従って計算値 (computed value) が計算されます (例えば、 position: absolute の付いた span は、計算で displayblock に変わります)。
  4. -
  5. 最後に、レイアウトが計算され、結果として使用値になります。
  6. -
  7. 最後に、使用値がローカルの環境の制約によって変換され、結果として実効値になります。
  8. -
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS2.1', 'cascade.html#actual-value', 'actual value')}}{{Spec2('CSS2.1')}}初回定義。
- -

関連情報

- - +{{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}} -- cgit v1.2.3-54-g00ecf