Ff154 css typed OM cleanup

files/en-us/web/api/csskeywordvalue/value/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSKeywordValue.value
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`value`** property of the
-{{domxref("CSSKeywordValue")}} interface returns or sets the value of the
-`CSSKeywordValue`.
+The **`value`** property of the {{domxref("CSSKeywordValue")}} interface returns or sets the value of the `CSSKeywordValue`.
 
 ## Value
 
@@ -23,6 +21,8 @@ A string.
 
 ## Examples
 
+### Basic usage
+
 The following example resets the CSS {{cssxref('display')}} property to its defaults.
 
 ```js

files/en-us/web/api/cssmathclamp/cssmathclamp/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.CSSMathClamp
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathClamp()`** constructor creates a
-new {{domxref("CSSMathClamp")}} object representing a CSS {{CSSXref("clamp", "clamp()")}} function.
+The **`CSSMathClamp()`** constructor creates a new {{domxref("CSSMathClamp")}} object representing a CSS {{CSSXref("clamp", "clamp()")}} function.
 
 ## Syntax
 

files/en-us/web/api/cssmathclamp/lower/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.lower
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`lower`** read-only property of the
-{{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the minimum value of a {{domxref("CSSMathClamp")}} object.
+The **`lower`** read-only property of the {{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the minimum value of a {{domxref("CSSMathClamp")}} object.
 
 ## Value
 

files/en-us/web/api/cssmathclamp/upper/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.upper
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`upper`** read-only property of the
-{{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the maximum value of a {{domxref("CSSMathClamp")}} object.
+The **`upper`** read-only property of the {{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the maximum value of a {{domxref("CSSMathClamp")}} object.
 
 ## Value
 

files/en-us/web/api/cssmathclamp/value/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.value
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`value`** read-only property of the
-{{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the preferred value of a {{domxref("CSSMathClamp")}} object.
+The **`value`** read-only property of the {{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the preferred value of a {{domxref("CSSMathClamp")}} object.
 
 ## Value
 

files/en-us/web/api/cssmathinvert/cssmathinvert/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSMathInvert.CSSMathInvert
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathInvert()`** constructor creates a
-new {{domxref("CSSMathInvert")}} object which represents a CSS
-{{CSSXref('calc','calc()')}} used as `calc(1 / value)`
+The **`CSSMathInvert()`** constructor creates a new {{domxref("CSSMathInvert")}} object which represents a CSS {{CSSXref('calc','calc()')}} used as `calc(1 / value)`
 
 ## Syntax
 

files/en-us/web/api/cssmathinvert/index.md

@@ -7,7 +7,8 @@ browser-compat: api.CSSMathInvert
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathInvert`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents a CSS {{CSSXref('calc','calc()')}} used as `calc(1 / <value>)`. It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
+The **`CSSMathInvert`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents a CSS {{CSSXref('calc','calc()')}} used as `calc(1 / <value>)`.
+It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
 
 {{InheritanceDiagram}}
 

files/en-us/web/api/cssmathinvert/value/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathInvert.value
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The CSSMathInvert.value read-only property of the
-{{domxref("CSSMathInvert")}} interface returns a {{domxref('CSSNumericValue')}} object.
+The CSSMathInvert.value read-only property of the {{domxref("CSSMathInvert")}} interface returns a {{domxref('CSSNumericValue')}} object.
 
 ## Value
 

files/en-us/web/api/cssmathmax/cssmathmax/index.md

@@ -10,8 +10,7 @@ browser-compat: api.CSSMathMax.CSSMathMax
 
 {{SeeCompatTable}}{{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathMax()`** constructor creates a
-new {{domxref("CSSMathMax")}} object which represents the CSS {{CSSXref('max', 'max()')}} function.
+The **`CSSMathMax()`** constructor creates a new {{domxref("CSSMathMax")}} object which represents the CSS {{CSSXref('max', 'max()')}} function.
 
 ## Syntax
 

files/en-us/web/api/cssmathmax/index.md

@@ -7,7 +7,8 @@ browser-compat: api.CSSMathMax
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathMax`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the CSS {{CSSXref('max','max()')}} function. It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
+The **`CSSMathMax`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the CSS {{CSSXref('max','max()')}} function.
+It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
 
 {{InheritanceDiagram}}
 

files/en-us/web/api/cssmathmax/values/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSMathMax.values
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The CSSMathMax.values read-only property of the
-{{domxref("CSSMathMax")}} interface returns a {{domxref('CSSNumericArray')}} object
-which contains one or more {{domxref('CSSNumericValue')}} objects.
+The CSSMathMax.values read-only property of the {{domxref("CSSMathMax")}} interface returns a {{domxref('CSSNumericArray')}} object which contains one or more {{domxref('CSSNumericValue')}} objects.
 
 ## Value
 

files/en-us/web/api/cssmathmin/cssmathmin/index.md

@@ -10,9 +10,7 @@ browser-compat: api.CSSMathMin.CSSMathMin
 
 {{SeeCompatTable}}{{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathMin()`** constructor creates a
-new {{domxref("CSSMathMin")}} object which represents the CSS
-{{CSSXref('min','min()')}} function.
+The **`CSSMathMin()`** constructor creates a new {{domxref("CSSMathMin")}} object that represents the CSS {{CSSXref('min','min()')}} function.
 
 ## Syntax
 

files/en-us/web/api/cssmathmin/index.md

@@ -7,7 +7,8 @@ browser-compat: api.CSSMathMin
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathMin`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the CSS {{CSSXref('min','min()')}} function. It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
+The **`CSSMathMin`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the CSS {{CSSXref('min','min()')}} function.
+It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
 
 {{InheritanceDiagram}}
 

files/en-us/web/api/cssmathmin/values/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSMathMin.values
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The CSSMathMin.values read-only property of the
-{{domxref("CSSMathMin")}} interface returns a {{domxref('CSSNumericArray')}} object
-which contains one or more {{domxref('CSSNumericValue')}} objects.
+The CSSMathMin.values read-only property of the {{domxref("CSSMathMin")}} interface returns a {{domxref('CSSNumericArray')}} object which contains one or more {{domxref('CSSNumericValue')}} objects.
 
 ## Value
 

files/en-us/web/api/cssmathnegate/cssmathnegate/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathNegate.CSSMathNegate
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathNegate()`** constructor creates a
-new {{domxref("CSSMathNegate")}} object which negates the value passed into it.
+The **`CSSMathNegate()`** constructor creates a new {{domxref("CSSMathNegate")}} object which negates the value passed into it.
 
 ## Syntax
 

files/en-us/web/api/cssmathnegate/value/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathNegate.value
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The CSSMathNegate.value read-only property of the
-{{domxref("CSSMathNegate")}} interface returns a {{domxref('CSSNumericValue')}} object.
+The **`CSSMathNegate.value`** read-only property of the {{domxref("CSSMathNegate")}} interface returns a {{domxref('CSSNumericValue')}} object.
 
 ## Value
 

files/en-us/web/api/cssmathproduct/cssmathproduct/index.md

@@ -10,9 +10,7 @@ browser-compat: api.CSSMathProduct.CSSMathProduct
 
 {{APIRef("CSS Typed Object Model API")}}{{SeeCompatTable}}
 
-The **`CSSMathProduct()`** constructor creates
-a new {{domxref("CSSMathProduct")}} object which creates a new
-{{domxref('CSSMathProduct')}} object which multiplies the arguments passed into it.
+The **`CSSMathProduct()`** constructor creates a {{domxref("CSSMathProduct")}} object that multiplies the arguments passed into it.
 
 ## Syntax
 
@@ -23,8 +21,7 @@ new CSSMathProduct(args)
 ### Parameters
 
 - `args`
-  - : A list of values for the {{domxref('CSSMathProduct')}} object to be either a double
-    integer or a {{domxref('CSSNumericValue')}}.
+  - : A list of values for the {{domxref('CSSMathProduct')}} object to be either a double integer or a {{domxref('CSSNumericValue')}}.
 
 ## Specifications
 

files/en-us/web/api/cssmathproduct/values/index.md

@@ -8,10 +8,7 @@ browser-compat: api.CSSMathProduct.values
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathProduct.values`** read-only
-property of the {{domxref("CSSMathProduct")}} interface returns a
-{{domxref('CSSNumericArray')}} object which contains one or more
-{{domxref('CSSNumericValue')}} objects.
+The **`CSSMathProduct.values`** read-only property of the {{domxref("CSSMathProduct")}} interface returns a {{domxref('CSSNumericArray')}} object which contains one or more {{domxref('CSSNumericValue')}} objects.
 
 ## Value
 

files/en-us/web/api/cssmathsum/cssmathsum/index.md

@@ -10,11 +10,7 @@ browser-compat: api.CSSMathSum.CSSMathSum
 
 {{APIRef("CSS Typed Object Model API")}}{{SeeCompatTable}}
 
-The **`CSSMathSum()`** constructor creates a
-new {{domxref("CSSMathSum")}} object which creates a new {{domxref('CSSKeywordValue')}}
-object which represents the result obtained by calling
-{{domxref('CSSNumericValue.add','add()')}}, {{domxref('CSSNumericValue.sub','sub()')}},
-or {{domxref('CSSNumericValue.toSum','toSum()')}} on {{domxref('CSSNumericValue')}}.
+The **`CSSMathSum()`** constructor creates a new {{domxref("CSSMathSum")}} object that represents the result obtained by calling {{domxref('CSSNumericValue.add','add()')}}, {{domxref('CSSNumericValue.sub','sub()')}}, or {{domxref('CSSNumericValue.toSum','toSum()')}} on {{domxref('CSSNumericValue')}}.
 
 ## Syntax
 

files/en-us/web/api/cssmathsum/values/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSMathSum.values
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathSum.values`** read-only property
-of the {{domxref("CSSMathSum")}} interface returns a {{domxref('CSSNumericArray')}}
-object which contains one or more {{domxref('CSSNumericValue')}} objects.
+The **`CSSMathSum.values`** read-only property of the {{domxref("CSSMathSum")}} interface returns a {{domxref('CSSNumericArray')}} object that contains one or more {{domxref('CSSNumericValue')}} objects.
 
 ## Value
 

files/en-us/web/api/cssmathvalue/operator/index.md

@@ -8,11 +8,8 @@ browser-compat: api.CSSMathValue.operator
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathValue.operator`** read-only
-property of the {{domxref("CSSMathValue")}} interface indicates the operator that the
-current subtype represents. For example, if the current `CSSMathValue`
-subtype is `CSSMathSum`, this property will return the string
-`"sum"`.
+The **`CSSMathValue.operator`** read-only property of the {{domxref("CSSMathValue")}} interface indicates the operator that the current subtype represents.
+For example, if the current `CSSMathValue` subtype is `CSSMathSum`, this property will return the string `"sum"`.
 
 ## Value
 
@@ -30,10 +27,9 @@ A {{jsxref('String')}}.
 
 ## Examples
 
-We create an element with a {{cssxref("width")}}
-determined using a {{cssxref("calc()")}} function,
-then {{domxref("console/log_static", "console.log()")}} the
-`operator`.
+### Basic usage
+
+We create an element with a {{cssxref("width")}} determined using a {{cssxref("calc()")}} function, then {{domxref("console/log_static", "console.log()")}} the `operator`.
 
 ```html
 <div>My width has a <code>calc()</code> function</div>
@@ -58,10 +54,9 @@ console.log(styleMap.get("width").operator); // 'sum'
 console.log(styleMap.get("width").values[1].operator); // 'negate'
 ```
 
-{{EmbedLiveSample("Examples", 120, 300)}}
+{{EmbedLiveSample("Basic usage", 120, 300)}}
 
-The `CSSMathValue.operator` returns `sum` for the equation and
-`negate` for the operator on the second value.
+The `CSSMathValue.operator` returns `sum` for the equation and `negate` for the operator on the second value.
 
 ## Specifications
 

files/en-us/web/api/cssmatrixcomponent/cssmatrixcomponent/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSMatrixComponent.CSSMatrixComponent
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMatrixComponent()`** constructor
-creates a new {{domxref("CSSMatrixComponent")}} object representing the {{cssxref("transform-function/matrix", "matrix()")}} and {{cssxref("transform-function/matrix3d", "matrix3d()")}} values of the
-individual {{CSSXRef('transform')}} property in CSS.
+The **`CSSMatrixComponent()`** constructor creates a new {{domxref("CSSMatrixComponent")}} object representing the {{cssxref("transform-function/matrix", "matrix()")}} and {{cssxref("transform-function/matrix3d", "matrix3d()")}} values of the individual {{CSSXRef('transform')}} property in CSS.
 
 ## Syntax
 

files/en-us/web/api/cssmatrixcomponent/index.md

@@ -7,7 +7,8 @@ browser-compat: api.CSSMatrixComponent
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMatrixComponent`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the {{cssxref("transform-function/matrix", "matrix()")}} and {{cssxref("transform-function/matrix3d", "matrix3d()")}} values of the individual {{CSSXRef('transform')}} property in CSS. It inherits properties and methods from its parent {{domxref('CSSTransformValue')}}.
+The **`CSSMatrixComponent`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the {{cssxref("transform-function/matrix", "matrix()")}} and {{cssxref("transform-function/matrix3d", "matrix3d()")}} values of the individual {{CSSXRef('transform')}} property in CSS.
+It inherits properties and methods from its parent {{domxref('CSSTransformValue')}}.
 
 {{InheritanceDiagram}}
 

files/en-us/web/api/cssmatrixcomponent/matrix/index.md

@@ -8,11 +8,9 @@ browser-compat: api.CSSMatrixComponent.matrix
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`matrix`** property of the
-{{domxref("CSSMatrixComponent")}} interface gets and sets a 2d or 3d matrix.
+The **`matrix`** property of the {{domxref("CSSMatrixComponent")}} interface gets and sets a 2D or 3D matrix.
 
-See the {{cssxref("transform-function/matrix", "matrix()")}} and {{cssxref("transform-function/matrix3d", "matrix3d()")}} pages for
-examples.
+See the {{cssxref("transform-function/matrix", "matrix()")}} and {{cssxref("transform-function/matrix3d", "matrix3d()")}} pages for examples.
 
 ## Value
 

files/en-us/web/api/cssnumericarray/length/index.md

@@ -6,16 +6,13 @@ page-type: web-api-instance-property
 browser-compat: api.CSSNumericArray.length
 ---
 
-{{APIRef("CSS Typed OM")}}
+{{APIRef("CSS Typed Object Model API")}}
 
-The read-only **`length`** property of the
-{{domxref("CSSNumericArray")}} interface returns the number of
-{{domxref("CSSNumericValue")}} objects in the list.
+The read-only **`length`** property of the {{domxref("CSSNumericArray")}} interface returns the number of {{domxref("CSSNumericValue")}} objects in the list.
 
 ## Value
 
-An integer representing the number of {{domxref("CSSNumericValue")}} objects in the
-list.
+An integer representing the number of {{domxref("CSSNumericValue")}} objects in the list.
 
 ## Examples
 

files/en-us/web/api/cssnumericvalue/add/index.md

@@ -6,11 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.CSSNumericValue.add
 ---
 
-{{APIRef("CSS Typed OM")}}
+{{APIRef("CSS Typed Object Model API")}}
 
-The **`add()`** method of the
-{{domxref("CSSNumericValue")}} interface adds a supplied number to the
-`CSSNumericValue`.
+The **`add()`** method of the {{domxref("CSSNumericValue")}} interface adds a supplied number to the `CSSNumericValue`.
 
 ## Syntax
 
@@ -34,6 +32,8 @@ A {{domxref('CSSMathSum')}}
 
 ## Examples
 
+### Basic usage
+
 ```js
 let mathSum = CSS.px("23")
   .add(CSS.percent("4"))

files/en-us/web/api/cssnumericvalue/div/index.md

@@ -6,11 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.CSSNumericValue.div
 ---
 
-{{APIRef("CSS Typed OM")}}
+{{APIRef("CSS Typed Object Model API")}}
 
-The **`div()`** method of the
-{{domxref("CSSNumericValue")}} interface divides the `CSSNumericValue` by the
-supplied value.
+The **`div()`** method of the {{domxref("CSSNumericValue")}} interface divides the `CSSNumericValue` by the supplied value.
 
 ## Syntax
 
@@ -34,6 +32,8 @@ A {{domxref('CSSMathProduct')}}.
 
 ## Examples
 
+### Basic usage
+
 ```js
 let mathProduct = CSS.px("24").div(CSS.percent("4"));
 // Prints "calc(24px / 4%)"