CSS properties: intro sentence in values section part 3

files/en-us/web/css/reference/properties/box-sizing/index.md

@@ -74,10 +74,10 @@ box-sizing: revert-layer;
 box-sizing: unset;
 ```
 
-The `box-sizing` property is specified as a single keyword chosen from the list of values below.
-
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `content-box`
   - : This is the initial and default value as specified by the CSS standard. The {{Cssxref("width")}} and {{Cssxref("height")}} properties include the content, but does not include the padding, border, or margin. For example, `.box {width: 350px; border: 10px solid black;}` renders a box that is 370px wide.
 

files/en-us/web/css/reference/properties/caret-animation/index.md

@@ -35,7 +35,7 @@ caret-animation: unset;
 
 ### Values
 
-The `caret-animation` property is specified as one of the keyword values listed below.
+This property is specified as one of the following keyword values:
 
 - `auto`
   - : The caret blinks on and off. This is the default (initial) value.

files/en-us/web/css/reference/properties/caret-color/index.md

@@ -64,7 +64,7 @@ caret-color: unset;
 
 ### Values
 
-This property is specified as one `<color>` value or the keyword `auto`.
+This property is specified as one `<color>` value or the keyword `auto`:
 
 - `auto`
   - : Generally resolves to [`currentColor`](/en-US/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword), the {{cssxref("color")}} of the text that will be modified.

files/en-us/web/css/reference/properties/clip-rule/index.md

@@ -28,6 +28,8 @@ clip-rule: unset;
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `nonzero`
   - : For every point in the clipping mask's box, a ray is drawn in a random direction. Every time the ray intersects with any part of the clipping path, a tally is increased by one if the clipping path's part is moving from left to right across the ray, whereas it is decreased by one if the path part is moving right to left across the ray. If the final total of the tally is zero, the point is outside the path's shape. Otherwise, it's inside the path's shape.
 

files/en-us/web/css/reference/properties/clip/index.md

@@ -35,6 +35,8 @@ clip: unset;
 
 ### Values
 
+This property is specified as a `rect()` function or the keyword `auto`:
+
 - `rect()`
   - : A rectangle defined using a `rect()` function of the form `rect(<top>, <right>, <bottom>, <left>)`. The `<top>` and `<bottom>` values are offsets from the _inside top border edge_ of the box, while `<right>` and `<left>` are offsets from the _inside left border edge_ of the box — that is, the extent of the padding box.
 

files/en-us/web/css/reference/properties/color/index.md

@@ -110,12 +110,10 @@ color: revert-layer;
 color: unset;
 ```
 
-The `color` property is specified as a single {{cssxref("<color>")}} value.
-
-Note that the value must be a uniform color. It can't be a {{cssxref("gradient")}}, which is actually a type of {{cssxref("image")}}.
-
 ### Values
 
+This property is specified as one {{cssxref("<color>")}} value:
+
 - {{cssxref("<color>")}}
   - : Sets the color of the textual and decorative parts of the element.
 - [`currentColor`](/en-US/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword)

files/en-us/web/css/reference/properties/column-count/index.md

@@ -68,6 +68,8 @@ column-count: unset;
 
 ### Values
 
+This property is specified as an `<integer>` or the keyword `auto`:
+
 - `auto`
   - : The number of columns is determined by other CSS properties, such as {{cssxref("column-width")}}.
 - {{cssxref("&lt;integer&gt;")}}

files/en-us/web/css/reference/properties/column-gap/index.md

@@ -77,6 +77,8 @@ column-gap: unset;
 
 ### Values
 
+This property is specified as a `<length>`, `<percentage>`, or the keyword `normal`:
+
 - `normal`
   - : For multi-column layout, resolves to `1em`; otherwise `0`. This is the default value.
 - {{CSSxRef("&lt;length&gt;")}}

files/en-us/web/css/reference/properties/column-height/index.md

@@ -36,6 +36,8 @@ column-height: unset;
 
 ### Values
 
+This property is specified as a `<length>` or the keyword `auto`:
+
 - `auto`
   - : The initial value. If the content container has a set height, the content columns will grow to that height, overflowing to the side if the content doesn't fit inside the container. If the content container does not have a set height, the content will be equally distributed between the columns generated inside the container.
 - {{cssxref("&lt;length>")}}

files/en-us/web/css/reference/properties/column-rule/index.md

@@ -96,7 +96,7 @@ column-rule: unset;
 
 ### Values
 
-The `column-rule` property accepts a comma-separated list of values, including:
+This property is specified as a comma-separated list of values, each value being one of the following value types:
 
 - `<gap-rule>`
   - : Specified as one, two, or three of the values listed below, in any order.

files/en-us/web/css/reference/properties/column-wrap/index.md

@@ -31,6 +31,8 @@ column-wrap: unset;
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `auto`
   - : The initial value. If the content container's {{cssxref("column-height")}} is set to a {{cssxref("<length>")}}, `auto` resolves to `wrap`, otherwise it resolves to `nowrap`.
 - `nowrap`

files/en-us/web/css/reference/properties/contain/index.md

@@ -102,13 +102,7 @@ contain: unset;
 
 ### Values
 
-The `contain` property can have any of the following values:
-
-- The keyword `none` **or**
-- One or more of the space-separated keywords `size` (or `inline-size`), `layout`, `style`, and `paint` in any order **or**
-- One of the shorthand values `strict` or `content`
-
-The keywords have the following meanings:
+This property is specified as the keyword `none`, `strict`, or `content`, or a space-separated list of keyword values:
 
 - `none`
   - : The element renders as normal, with no containment applied.

files/en-us/web/css/reference/properties/container-name/index.md

@@ -30,6 +30,8 @@ container-name: unset;
 
 ### Values
 
+This property is specified as a space-separated list of `<custom-ident>` values or the keyword `none`:
+
 - `none`
   - : The default value. The query container has no name.
 

files/en-us/web/css/reference/properties/container-type/index.md

@@ -35,7 +35,7 @@ container-type: unset;
 
 ### Values
 
-The `container-type` property can take a single value from the list below, or two values. In the two-value case, one must be `scroll-state` and the other can be `inline-size` or `size`.
+This property is specified as one of the following keyword values, optionally with the keywords `inline-size` or `size` if the keyword is `scroll-state`:
 
 - `anchored`
   - : Establishes a query container for anchored container queries on the container. In this case, the size of the element is not computed in isolation; no [containment](/en-US/docs/Web/CSS/Guides/Containment/Using) is applied.

files/en-us/web/css/reference/properties/counter-increment/index.md

@@ -76,7 +76,7 @@ counter-increment: unset;
 
 ### Values
 
-The `counter-increment` property takes as its value either a list of space-separated counter names specified as `<custom-ident>` with an optional `<integer>` value or the keyword `none`. You may specify as many counters to increment as you want, with each name or name-number pair separated by a space.
+This property is specified as a space-separated list of `<custom-ident>` values, each optionally followed by an `<integer>`, or the keyword `none`:
 
 - {{cssxref("&lt;custom-ident&gt;")}}
   - : Specifies the name of the counter to increase or decrease.

files/en-us/web/css/reference/properties/counter-set/index.md

@@ -94,13 +94,10 @@ counter-set: revert-layer;
 counter-set: unset;
 ```
 
-The `counter-set` property is specified as either one of the following:
-
-- A `<custom-ident>` naming the counter, followed optionally by an `<integer>`. You may specify as many counters to reset as you want, with each name or name-number pair separated by a space.
-- The keyword value `none`.
-
 ### Values
 
+The `counter-set` property is specified as either a space-separated list of `<custom-ident>` values, each optionally followed by an `<integer>`, or the keyword `none`:
+
 - {{cssxref("custom-ident", "&lt;custom-ident&gt;")}}
   - : The name of the counter to set.
 - {{cssxref("&lt;integer&gt;")}}

files/en-us/web/css/reference/properties/dominant-baseline/index.md

@@ -48,6 +48,8 @@ dominant-baseline: unset;
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `auto`
   - : If this property is applied to a {{SVGElement("text")}} element, then the computed value depends on the value of the {{SVGAttr("writing-mode")}} attribute.
 

files/en-us/web/css/reference/properties/dynamic-range-limit/index.md

@@ -30,6 +30,8 @@ dynamic-range-limit: unset;
 
 ### Values
 
+This property is specified as one of the following keyword values or a `dynamic-range-limit-mix()` function:
+
 - `standard`
   - : Specifies the maximum luminance as High Dynamic Range (HDR) reference white, which is the CSS color `white`.
 - `no-limit`

files/en-us/web/css/reference/properties/fill/index.md

@@ -46,7 +46,7 @@ fill: unset;
 
 ### Values
 
-This property is specified as one keyword, `<color>`, or `url()` with an optional `<color>`:
+This property is specified as a `<color>`, a `url()` optionally followed by a `<color>` or the keyword `none`, or one of the following keyword values:
 
 - `none`
   - : No `fill` is painted; the areas inside the stroke, if any, are transparent.

files/en-us/web/css/reference/properties/flex-shrink/index.md

@@ -79,7 +79,7 @@ Generally, `flex-shrink` is used alongside the {{cssxref("flex-grow")}} and {{cs
 
 ## Values
 
-The `flex-shrink` property is specified as a single `<number>`.
+This property is specified as one `<number>` value:
 
 - `<number>`
   - : See {{cssxref("&lt;number&gt;")}}. Negative values are invalid. Defaults to 1.

files/en-us/web/css/reference/properties/flex-wrap/index.md

@@ -70,7 +70,7 @@ flex-wrap: unset;
 
 ### Values
 
-The `flex-wrap` property is specified as a single keyword chosen from the following values below:
+This property is specified as one of the following keyword values:
 
 - `nowrap`
   - : The flex items are laid out in a single line which may cause the flex container to overflow. The cross-start is the equivalent of [inline-start or block-start](/en-US/docs/Glossary/Flow_relative_values), depending on the {{cssxref("flex-direction")}} value. This is the default value.

files/en-us/web/css/reference/properties/font-language-override/index.md

@@ -35,6 +35,8 @@ The `font-language-override` property is specified as the keyword `normal` or a
 
 ### Values
 
+This property is specified as a `<string>` or the keyword `normal`:
+
 - `normal`
   - : Tells the browser to use font glyphs that are appropriate for the language specified by the `lang` attribute. This is the default value.
 - {{cssxref("string")}}

files/en-us/web/css/reference/properties/font-palette/index.md

@@ -27,6 +27,8 @@ font-palette: palette-mix(in lch, --blue, --yellow);
 
 ### Values
 
+This property is specified as a `<dashed-ident>`, a `paletter-mix()` function, or one of the following keyword values:
+
 - `normal`
   - : Specifies the default color palette or the default glyph colorization (set by the font maker) to be used for the font. With this setting, the palette in the font at index 0 is rendered.
 - `light`