[css-properties-values] Move and re-wrap the computed value section. No normative changes.

Author: tabatkins

css-properties-values-api/Overview.bs

@@ -159,10 +159,74 @@ See [[#computed-value]].
 	not a necessity like for UA-defined properties.
 </details>
 
-Computed Value of Custom Properties {#computed-value}
------------------------------------------------------
 
-Issue: Move computed value behavior here.
+Calculation of Computed Values {#calculation-of-computed-values}
+----------------------------------------------------------------
+
+The [=computed value=] of a [=registered property=]
+is determined by the syntax it's registered with.
+
+Note: All properties, regardless of registered syntax,
+accept the [=CSS-wide keywords=],
+such as ''inherit'' or ''revert''.
+These are handled at [=specified value=] time,
+as defined in [[css-cascade-4#defaulting-keywords]].
+
+For <code>"&lt;length>"</code> values,
+the computed value is the absolute length expressed in pixels.
+
+For <code>"&lt;length-percentage>"</code> values,
+the computed value is one of the following:
+
+*   if the specified value contains only length units,
+	the computed value is the absolute length expressed in pixels.
+*   if the specified value contains only percentages,
+	the computed value is a simple percentage.
+*   otherwise, the computed value is a calc expression
+	containing an absolute length expressed in pixels,
+	and a percentage value.
+
+For <code>"&lt;angle>"</code>, <code>"&lt;time>"</code> and <code>"&lt;resolution>"</code> values,
+the computed value is the value expressed in its [=canonical unit=],
+with ''calc()'' expressions evaluated [[css-values-4#calc-computed-value|as described in CSS Values]].
+
+For <code>"&lt;color>"</code> values,
+the value is computed as described in [[css-color-4#resolving-color-values]].
+
+For <code>"&lt;custom-ident>"</code>, ident, or <code>"*"</code> values,
+the computed value is as specified.
+
+For <code>"&lt;url>"</code> values,
+the computed value is one of the following:
+
+*   if the URL is a relative URL,
+	the computed value is the resolved absolute URL as described in [[!css3-values]].
+*   otherwise, the computed value is as specified.
+
+For <code>"&lt;image>"</code> values,
+the computed value is as specified,
+except that relative URLs that appear in the value are resolved to absolute URLs
+as described in [[!css3-values]],
+and all lengths are resolved to their computed values.
+
+For <code>"&lt;integer>"</code>, <code>"&lt;number>"</code> and <code>"&lt;percentage>"</code> values,
+the computed value is one of the following:
+
+* if the specified value is a ''calc()'' expression,
+	the computed value is the evaluated result of that expression.
+* otherwise, the computed value is as specified.
+
+For <code>"&lt;transform-function>"</code> values
+(including those contained in <code>"&lt;transform-list>"</code> values),
+the computed value is as specified but with all lengths resolved to their computed values.
+
+For values specified by a syntax string that include "|" clauses,
+the computed value is given by applying the calculation rules
+for the first clause that matches to the specified value.
+
+For list values,
+the computed value is a list of the computed values of the primitives in the list.
+
 
 Animation Behavior of Custom Properties {#animation-behavior-of-custom-properties}
 ----------------------------------------------------------------------------------
@@ -513,62 +577,6 @@ following members:
 :   <dfn dict-member for=PropertyDefinition>initialValue</dfn>
 ::  The initial value of this custom property.
 
-Calculation of Computed Values {#calculation-of-computed-values}
-----------------------------------------------------------------
-
-The syntax of a custom property fully determines how computed values are
-generated from specified values for that property.
-
-The <a>CSS-wide keywords</a> and ''revert'' generate computed values as
-described in [[!css3-values]] and [[!css-cascade-4]] respectively. Otherwise:
-
-For &lt;length> values, the computed value is the absolute length expressed in pixels.
-
-For &lt;length-percentage> values, the computed value is one of the following:
-*   if the specified value contains only length units, the computed value is the absolute length
-	expressed in pixels.
-*   if the specified value contains only percentages, the computed value is a
-	simple percentage.
-*   otherwise, the computed value is a calc expression containing an absolute
-	length expressed in pixels, and a percentage value.
-
-For &lt;color> values, the value is computed as described in
-	[[css-color-4#resolving-color-values]].
-
-For &lt;angle>, &lt;time> and &lt;resolution> values, the computed value is the
-value expressed in its [=canonical unit=], with ''calc()'' expressions
-evaluated [[css-values-4#calc-computed-value|as described in CSS Values]].
-
-For &lt;custom-ident>, ident, or "*" values, the computed value is as specified.
-
-For &lt;url> values, the computed value is one of the following:
-
-*   if the URL is a relative URL, the computed value is the resolved absolute URL
-    as described in [[!css3-values]].
-*   otherwise, the computed value is as specified.
-
-For &lt;image> values, the computed value is as specified, except that relative
-URLs that appear in the value are resolved to absolute URLs as described in
-[[!css3-values]], and all lengths are resolved to their computed values.
-
-For &lt;integer>, &lt;number> and &lt;percentage> values, the computed value is
-one of the following:
-
-* if the specified value is a ''calc()'' expression, the computed value is the
-	evaluated result of that expression.
-* otherwise, the computed value is as specified.
-
-For &lt;transform-function> values (including those contained in &lt;transform-list> values),
-the computed value is as specified but with all lengths resolved to their
-computed values.
-
-For values specified by a syntax string that include "|" clauses, the computed
-value is given by applying the calculation rules for the first clause that
-matches to the specified value.
-
-For list values, the computed value is a list of the computed values of the
-primitives in the list.
-
 
 Registered Properties and @supports {#supports}
 -----------------------------------------------