diff --git a/files/en-us/web/css/reference/properties/box-sizing/index.md b/files/en-us/web/css/reference/properties/box-sizing/index.md index 23d853dfd2626d8..d373369877423bf 100644 --- a/files/en-us/web/css/reference/properties/box-sizing/index.md +++ b/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. diff --git a/files/en-us/web/css/reference/properties/caret-animation/index.md b/files/en-us/web/css/reference/properties/caret-animation/index.md index d746dbecd7cf606..7469bf49bc5e40b 100644 --- a/files/en-us/web/css/reference/properties/caret-animation/index.md +++ b/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. diff --git a/files/en-us/web/css/reference/properties/caret-color/index.md b/files/en-us/web/css/reference/properties/caret-color/index.md index ecfe03ab4204855..bc6b2d871ecebac 100644 --- a/files/en-us/web/css/reference/properties/caret-color/index.md +++ b/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 `` value or the keyword `auto`. +This property is specified as one `` 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. diff --git a/files/en-us/web/css/reference/properties/clip-rule/index.md b/files/en-us/web/css/reference/properties/clip-rule/index.md index d52de81f6244ade..073bfdc3b1133c9 100644 --- a/files/en-us/web/css/reference/properties/clip-rule/index.md +++ b/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. diff --git a/files/en-us/web/css/reference/properties/clip/index.md b/files/en-us/web/css/reference/properties/clip/index.md index d4f375dbbba10c5..a90e81a30527bf8 100644 --- a/files/en-us/web/css/reference/properties/clip/index.md +++ b/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(, , , )`. The `` and `` values are offsets from the _inside top border edge_ of the box, while `` and `` are offsets from the _inside left border edge_ of the box — that is, the extent of the padding box. diff --git a/files/en-us/web/css/reference/properties/color/index.md b/files/en-us/web/css/reference/properties/color/index.md index a2e6701e3f378c7..f4de63ca20675e4 100644 --- a/files/en-us/web/css/reference/properties/color/index.md +++ b/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) diff --git a/files/en-us/web/css/reference/properties/column-count/index.md b/files/en-us/web/css/reference/properties/column-count/index.md index d56515b363b34ff..2a845f7d5c2d3b4 100644 --- a/files/en-us/web/css/reference/properties/column-count/index.md +++ b/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 `` or the keyword `auto`: + - `auto` - : The number of columns is determined by other CSS properties, such as {{cssxref("column-width")}}. - {{cssxref("<integer>")}} diff --git a/files/en-us/web/css/reference/properties/column-gap/index.md b/files/en-us/web/css/reference/properties/column-gap/index.md index ff4295fbbdedb59..6c986af0930a530 100644 --- a/files/en-us/web/css/reference/properties/column-gap/index.md +++ b/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 ``, ``, or the keyword `normal`: + - `normal` - : For multi-column layout, resolves to `1em`; otherwise `0`. This is the default value. - {{CSSxRef("<length>")}} diff --git a/files/en-us/web/css/reference/properties/column-height/index.md b/files/en-us/web/css/reference/properties/column-height/index.md index 882227e424c71bb..cfe91ec6fc004f6 100644 --- a/files/en-us/web/css/reference/properties/column-height/index.md +++ b/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 `` 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("<length>")}} diff --git a/files/en-us/web/css/reference/properties/column-rule/index.md b/files/en-us/web/css/reference/properties/column-rule/index.md index d54e2124fb16cda..376e2ac2e5e7508 100644 --- a/files/en-us/web/css/reference/properties/column-rule/index.md +++ b/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: - `` - : Specified as one, two, or three of the values listed below, in any order. diff --git a/files/en-us/web/css/reference/properties/column-wrap/index.md b/files/en-us/web/css/reference/properties/column-wrap/index.md index 776c0f069604946..66b555df990b6fb 100644 --- a/files/en-us/web/css/reference/properties/column-wrap/index.md +++ b/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` diff --git a/files/en-us/web/css/reference/properties/contain/index.md b/files/en-us/web/css/reference/properties/contain/index.md index 635a2a5042783c0..a31854882a33560 100644 --- a/files/en-us/web/css/reference/properties/contain/index.md +++ b/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. diff --git a/files/en-us/web/css/reference/properties/container-name/index.md b/files/en-us/web/css/reference/properties/container-name/index.md index f337b3ce2c53402..3bb953b2fd33008 100644 --- a/files/en-us/web/css/reference/properties/container-name/index.md +++ b/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 `` values or the keyword `none`: + - `none` - : The default value. The query container has no name. diff --git a/files/en-us/web/css/reference/properties/container-type/index.md b/files/en-us/web/css/reference/properties/container-type/index.md index 4a0db82fb4c048d..82b472d7eb148d3 100644 --- a/files/en-us/web/css/reference/properties/container-type/index.md +++ b/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. diff --git a/files/en-us/web/css/reference/properties/counter-increment/index.md b/files/en-us/web/css/reference/properties/counter-increment/index.md index d35fdb277caa53a..eb72422ec756ce6 100644 --- a/files/en-us/web/css/reference/properties/counter-increment/index.md +++ b/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 `` with an optional `` 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 `` values, each optionally followed by an ``, or the keyword `none`: - {{cssxref("<custom-ident>")}} - : Specifies the name of the counter to increase or decrease. diff --git a/files/en-us/web/css/reference/properties/counter-set/index.md b/files/en-us/web/css/reference/properties/counter-set/index.md index 6350b7862fdaa13..3872cc4c3dd49f7 100644 --- a/files/en-us/web/css/reference/properties/counter-set/index.md +++ b/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 `` naming the counter, followed optionally by an ``. 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 `` values, each optionally followed by an ``, or the keyword `none`: + - {{cssxref("custom-ident", "<custom-ident>")}} - : The name of the counter to set. - {{cssxref("<integer>")}} diff --git a/files/en-us/web/css/reference/properties/dominant-baseline/index.md b/files/en-us/web/css/reference/properties/dominant-baseline/index.md index 02a36d4af02d365..bb5d8b218c9c226 100644 --- a/files/en-us/web/css/reference/properties/dominant-baseline/index.md +++ b/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. diff --git a/files/en-us/web/css/reference/properties/dynamic-range-limit/index.md b/files/en-us/web/css/reference/properties/dynamic-range-limit/index.md index e0fdae33e4f6234..3bb3ea8e9ecde46 100644 --- a/files/en-us/web/css/reference/properties/dynamic-range-limit/index.md +++ b/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` diff --git a/files/en-us/web/css/reference/properties/fill/index.md b/files/en-us/web/css/reference/properties/fill/index.md index e59ee97a71e64ff..c24fcbcb0071fcb 100644 --- a/files/en-us/web/css/reference/properties/fill/index.md +++ b/files/en-us/web/css/reference/properties/fill/index.md @@ -46,7 +46,7 @@ fill: unset; ### Values -This property is specified as one keyword, ``, or `url()` with an optional ``: +This property is specified as a ``, a `url()` optionally followed by a `` 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. diff --git a/files/en-us/web/css/reference/properties/flex-shrink/index.md b/files/en-us/web/css/reference/properties/flex-shrink/index.md index 69439afc801c85d..fd041dbbe4c2954 100644 --- a/files/en-us/web/css/reference/properties/flex-shrink/index.md +++ b/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 ``. +This property is specified as one `` value: - `` - : See {{cssxref("<number>")}}. Negative values are invalid. Defaults to 1. diff --git a/files/en-us/web/css/reference/properties/flex-wrap/index.md b/files/en-us/web/css/reference/properties/flex-wrap/index.md index e6a95a6506834b9..62c84b2056b9a99 100644 --- a/files/en-us/web/css/reference/properties/flex-wrap/index.md +++ b/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. diff --git a/files/en-us/web/css/reference/properties/font-language-override/index.md b/files/en-us/web/css/reference/properties/font-language-override/index.md index 5511623ac1906c3..803c77eb03e4128 100644 --- a/files/en-us/web/css/reference/properties/font-language-override/index.md +++ b/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 `` 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")}} diff --git a/files/en-us/web/css/reference/properties/font-palette/index.md b/files/en-us/web/css/reference/properties/font-palette/index.md index 0a439c6bae413cc..61bedd424bea7b0 100644 --- a/files/en-us/web/css/reference/properties/font-palette/index.md +++ b/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 ``, 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`