CSS modules: separate out unsupported features (#40576)

estelle · chrisdavidmills · web-flow · commit bc761c19c07b · 2025-08-04T13:04:41.000+01:00
* CSS modules: separate out unsupported features

* typo

* remove notes in module landing pages. Make 'not supported' uniform across all CSS

* remove no support for stretch and contain

* final tweaks

* final final tweaks

* final final final tweaks

* Update files/en-us/web/css/css_paged_media/index.md

Co-authored-by: Chris Mills &lt;chrisdavidmills@gmail.com&gt;

* Update files/en-us/web/css/css_generated_content/index.md

Co-authored-by: Chris Mills &lt;chrisdavidmills@gmail.com&gt;

---------

Co-authored-by: Chris Mills &lt;chrisdavidmills@gmail.com&gt;
diff --git a/files/en-us/web/css/@color-profile/index.md b/files/en-us/web/css/@color-profile/index.md
@@ -44,7 +44,7 @@ The **`@color-profile`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CS
 
 ## Examples
 
-This example is from the specification and demonstrates using offset printing to ISO 12647-2:2004 using the CGATS/SWOP TR005 2007 characterization data on grade 5 paper with an ink limit of 300% Total Area Coverage, and medium gray component replacement (GCR).
+This example demonstrates using offset printing to ISO 12647-2:2004 using the CGATS/SWOP TR005 2007 characterization data on grade 5 paper with an ink limit of 300% Total Area Coverage, and medium gray component replacement (GCR). This example is from the specification.
 
 The `src` descriptor specifies the URL to retrieve the color-profile information from.
 
@@ -63,4 +63,8 @@ The `src` descriptor specifies the URL to retrieve the color-profile information
 
 ## Browser compatibility
 
-There is no browser implementing this feature.
+Currently, no browsers support this feature.
+
+## See also
+
+- [CSS colors](/en-US/docs/Web/CSS/CSS_colors) module
diff --git a/files/en-us/web/css/@font-feature-values/font-display/index.md b/files/en-us/web/css/@font-feature-values/font-display/index.md
@@ -65,7 +65,7 @@ The `font-display` descriptor in this example sets the default `font-display` va
 
 ## Browser compatibility
 
-There is no browser implementing this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
diff --git a/files/en-us/web/css/@media/shape/index.md b/files/en-us/web/css/@media/shape/index.md
@@ -72,7 +72,7 @@ This HTML will apply a special stylesheet for devices that have round screens.
 
 ## Browser compatibility
 
-There is no browser implementing this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
diff --git a/files/en-us/web/css/_colon_blank/index.md b/files/en-us/web/css/_colon_blank/index.md
@@ -55,8 +55,9 @@ textarea:blank {
 
 ## Browser compatibility
 
-Currently, no browsers have implemented this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
 - {{CSSxRef(":empty")}}
+- [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module
diff --git a/files/en-us/web/css/_colon_current/index.md b/files/en-us/web/css/_colon_current/index.md
@@ -79,10 +79,11 @@ This is the third caption
 
 ## Browser compatibility
 
-There is no browser implementing this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
 - [Web Video Text Tracks Format (WebVTT)](/en-US/docs/Web/API/WebVTT_API)
 - {{cssxref(":past")}}
 - {{cssxref(":future")}}
+- [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module
diff --git a/files/en-us/web/css/_colon_local-link/index.md b/files/en-us/web/css/_colon_local-link/index.md
@@ -54,8 +54,9 @@ a:local-link {
 
 ## Browser compatibility
 
-Currently, no browsers have implemented this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
 - Link-related pseudo-classes: {{ cssxref(":link") }}, {{ cssxref(":visited") }}, {{ cssxref(":hover") }}, {{ cssxref(":active") }}, {{ cssxref(":any-link") }}
+- [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module
diff --git a/files/en-us/web/css/_colon_target-within/index.md b/files/en-us/web/css/_colon_target-within/index.md
@@ -86,8 +86,9 @@ p:target i {
 
 ## Browser compatibility
 
-Currently, no browsers have implemented this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
 - {{CSSxRef(":target")}}
+- [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module
diff --git a/files/en-us/web/css/color_value/device-cmyk/index.md b/files/en-us/web/css/color_value/device-cmyk/index.md
@@ -41,7 +41,7 @@ Functional notation: `device-cmyk(C M Y K[ / A][, color])`
 
 ## Browser compatibility
 
-There is no browser implementing this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
diff --git a/files/en-us/web/css/column_combinator/index.md b/files/en-us/web/css/column_combinator/index.md
@@ -77,7 +77,7 @@ col.selected||td {
 
 ## Browser compatibility
 
-Currently, no browsers have implemented this feature.
+Currently, no browsers support this feature.
 
 ## See also
 
@@ -86,3 +86,4 @@ Currently, no browsers have implemented this feature.
 - {{CSSxRef("grid")}}
 - {{CSSxRef(":nth-of-type")}}
 - {{CSSxRef(":nth-last-of-type")}}
+- [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module
diff --git a/files/en-us/web/css/css_anchor_positioning/index.md b/files/en-us/web/css/css_anchor_positioning/index.md
@@ -25,8 +25,7 @@ In addition, the specification provides CSS-only mechanisms to:
 - {{cssxref("position-try")}} shorthand
 - {{cssxref("position-visibility")}}
 
-> [!NOTE]
-> The CSS anchor positioning module introduces the `anchor-scope` property that has not yet been implemented.
+The CSS anchor positioning module also introduces the `anchor-scope` property. Currently, no browsers support this feature.
 
 ### At-rules and descriptors
 
diff --git a/files/en-us/web/css/css_animations/index.md b/files/en-us/web/css/css_animations/index.md
@@ -244,8 +244,7 @@ Click "Play" in the example above to see or edit the code for the animation in t
 - {{cssxref("animation-timeline")}}
 - {{cssxref("animation-timing-function")}}
 
-> [!NOTE]
-> The CSS Animations Module Level 2 introduces the `animation-trigger`, `animation-trigger-exit-range`, `animation-trigger-exit-range-end`, `animation-trigger-exit-range-start`, `animation-trigger-range`, `animation-trigger-range-end`, `animation-trigger-range-start`, `animation-trigger-timeline`, and `animation-trigger-type` properties. These have not yet been implemented.
+The CSS animations module level 2 also introduces the `animation-trigger`, `animation-trigger-exit-range`, `animation-trigger-exit-range-end`, `animation-trigger-exit-range-start`, `animation-trigger-range`, `animation-trigger-range-end`, `animation-trigger-range-start`, `animation-trigger-timeline`, and `animation-trigger-type` properties. Currently, no browsers support these features.
 
 ### At-rules
 
diff --git a/files/en-us/web/css/css_backgrounds_and_borders/index.md b/files/en-us/web/css/css_backgrounds_and_borders/index.md
@@ -131,8 +131,7 @@ Click "Play" in the example above to see or edit the code for the animation in t
 
 - {{cssxref("box-shadow")}}
 
-> [!NOTE]
-> The CSS backgrounds module level 4 introduces the `background-position-block`, `background-position-inline`, `background-repeat-block`, `background-repeat-inline`, `background-repeat-x`, `background-repeat-y`, and `background-tbd` properties. These have not yet been implemented.
+The CSS backgrounds module level 4 also introduces the `background-position-block`, `background-position-inline`, `background-repeat-block`, `background-repeat-inline`, `background-repeat-x`, `background-repeat-y`, and `background-tbd` properties. Currently, no browsers support these features.
 
 ### Data types
 
diff --git a/files/en-us/web/css/css_basic_user_interface/index.md b/files/en-us/web/css/css_basic_user_interface/index.md
@@ -95,8 +95,7 @@ Click "Play" in the example above to see or edit the code for the animation in t
 - {{CSSxRef("resize")}}
 - {{CSSxRef("user-select")}}
 
-> [!NOTE]
-> The spec also defines the properties: `caret`, `caret-shape`, `nav-down`, `nav-left`, `nav-right`, and `nav-up`. These properties have not been implemented in any browser yet.
+The CSS basic user interface module also defines the `caret`, `caret-shape`, `nav-down`, `nav-left`, `nav-right`, and `nav-up` properties. Currently, no browsers support these features.
 
 ## Guides
 
diff --git a/files/en-us/web/css/css_box_sizing/index.md b/files/en-us/web/css/css_box_sizing/index.md
@@ -36,8 +36,7 @@ The [logical properties and values module](/en-US/docs/Web/CSS/CSS_logical_prope
 - {{cssxref("min-width")}}
 - {{cssxref("width")}}
 
-> [!NOTE]
-> The CSS box sizing module introduces the `min-intrinsic-sizing` property that has not yet been implemented.
+The CSS box sizing module also introduces the `min-intrinsic-sizing` property. Currently, no browsers support this feature.
 
 ### Data types and values
 
@@ -47,9 +46,6 @@ The [logical properties and values module](/en-US/docs/Web/CSS/CSS_logical_prope
 - {{cssxref("fit-content")}} value
 - {{cssxref("fit-content_function", "fit-content()")}} function
 
-> [!NOTE]
-> The CSS box sizing module introduces the `stretch` and `contain` keywords as sizing values that have not yet been implemented on the box sizing properties.
-
 ### Functions
 
 - [`fit-content()`](/en-US/docs/Web/CSS/fit-content_function)
diff --git a/files/en-us/web/css/css_colors/index.md b/files/en-us/web/css/css_colors/index.md
@@ -31,8 +31,7 @@ To see the code for this color syntax converter, [view the source on GitHub](htt
 
 ### At-rules and descriptors
 
-> [!NOTE]
-> The CSS color module introduces the {{cssxref("@color-profile")}} at-rule, along with its `components`, `rendering-intent` and `src` descriptors. These features have not yet been implemented in any browser.
+The CSS colors module also introduces the {{cssxref("@color-profile")}} at-rule, along with its `components`, `rendering-intent` and `src` descriptors. Currently, no browsers support these features.
 
 ### Functions
 
@@ -49,8 +48,7 @@ To see the code for this color syntax converter, [view the source on GitHub](htt
 - [`contrast-color()`](/en-US/docs/Web/CSS/color_value/contrast-color)
 - {{CSSXref("color_value/light-dark", "light-dark()")}}
 
-> [!NOTE]
-> The CSS color module introduces the {{CSSXref("color_value/device-cmyk", "device-cmyk()")}} and `contrast-color()` functions, which have not yet been implemented in any browser.
+The CSS color module also introduces the {{CSSXref("color_value/device-cmyk", "device-cmyk()")}} and `contrast-color()` functions. Currently, no browsers support these features.
 
 ### Data types
 
@@ -73,8 +71,7 @@ To see the code for this color syntax converter, [view the source on GitHub](htt
 
 ### Interfaces
 
-> [!NOTE]
-> The CSS color module introduces the `CSSColorProfileRule` interface, which has not been implemented in any browser.
+The CSS color module also introduces the `CSSColorProfileRule` interface. Currently, no browsers support this feature.
 
 ## Guides
 
diff --git a/files/en-us/web/css/css_conditional_rules/index.md b/files/en-us/web/css/css_conditional_rules/index.md
@@ -35,8 +35,7 @@ There are plans to further extend possible queries by adding the generalized con
 - {{cssxref("@media")}}
 - {{cssxref("@supports")}}
 
-> [!NOTE]
-> The CSS conditional rules module introduces two at-rules that have not been implemented: `@else` and `@when`.
+The CSS conditional rules module also introduces the `@else` and `@when` at-rules. Currently, no browsers support these features.
 
 ### Functions
 
@@ -46,8 +45,7 @@ There are plans to further extend possible queries by adding the generalized con
 - [`selector()`](/en-US/docs/Web/CSS/@supports#function_syntax)
 - [`supports()`](/en-US/docs/Web/CSS/@import#supports-condition)
 
-> [!NOTE]
-> The CSS conditional rules module introduces a CSS function that has not been implemented: `media()`.
+The CSS conditional rules module also introduces a `media()` CSS function. Currently, no browsers support this feature.
 
 ### data types
 
diff --git a/files/en-us/web/css/css_fonts/index.md b/files/en-us/web/css/css_fonts/index.md
@@ -67,11 +67,11 @@ The specification also defines the `font-width` property, which is not yet suppo
     - {{cssxref("@font-face/src", "src")}}
     - {{cssxref("@font-face/unicode-range", "unicode-range")}}
 
-The specification also defines the `font-language-override`, `font-named-instance`, `font-width`, `font-size`, `subscript-position-override`, `subscript-size-override`, `superscript-position-override`, and `superscript-size-override` descriptors, which are not yet supported by any browser.
+The CSS fonts module also defines the `font-language-override`, `font-named-instance`, `font-width`, `font-size`, `subscript-position-override`, `subscript-size-override`, `superscript-position-override`, and `superscript-size-override` descriptors. Currently, no browsers support these features.
 
 - At-rule: {{cssxref("@font-feature-values")}}
-  - : Descriptor:
-    - {{cssxref("@font-feature-values/font-display", "font-display")}}
+
+The CSS fonts module also defines the {{cssxref("@font-feature-values/font-display", "font-display")}} descriptor. Currently, no browsers support this feature.
 
 - At-rule: {{cssxref("@font-palette-values")}}
   - : Descriptors:
diff --git a/files/en-us/web/css/css_generated_content/index.md b/files/en-us/web/css/css_generated_content/index.md
@@ -110,8 +110,7 @@ Click "Play" in the example above to see or edit the code in the MDN Playground.
 - {{cssxref("content")}}
 - {{cssxref("quotes")}}
 
-> [!NOTE]
-> The CSS generated content module introduces four at-risk properties that have not been implemented: `string-set`, `bookmark-label`, `bookmark-level`, and `bookmark-state`.
+The CSS generated content module also introduces four at-risk properties: `string-set`, `bookmark-label`, `bookmark-level`, and `bookmark-state`. Currently, no browsers support these features.
 
 ### Functions
 
diff --git a/files/en-us/web/css/css_images/index.md b/files/en-us/web/css/css_images/index.md
@@ -16,10 +16,11 @@ The **CSS images** module defines the types of images that can be used (the {{CS
 
 - {{CSSxRef("image-orientation")}}
 - {{CSSxRef("image-rendering")}}
-- {{CSSxRef("image-resolution")}}
 - {{CSSxRef("object-fit")}}
 - {{CSSxRef("object-position")}}
 
+The CSS images module also defines the {{CSSxRef("image-resolution")}} property. Currently, no browsers support this feature.
+
 ### Functions
 
 - {{CSSxRef("gradient/linear-gradient", "linear-gradient()")}}
@@ -32,7 +33,7 @@ The **CSS images** module defines the types of images that can be used (the {{CS
 - {{CSSxRef("element", "element()")}}
 - {{CSSxRef("image/image-set", "image-set()")}}
 
-The specification also defines the {{CSSxRef("image/image", "image()")}} function, which is not yet supported by any browser.
+The CSS images module also defines the {{CSSxRef("image/image", "image()")}} function. Currently, no browsers support this feature.
 
 ### Data types
 
diff --git a/files/en-us/web/css/css_masking/index.md b/files/en-us/web/css/css_masking/index.md
@@ -36,12 +36,12 @@ While masking provides more control and options, clipping can perform better if
 - {{cssxref("mask-size")}}
 - {{cssxref("mask-type")}}
 - {{cssxref("mask-border")}} shorthand
-- {{cssxref("mask-border-mode")}}
 - {{cssxref("mask-border-outset")}}
 - {{cssxref("mask-border-repeat")}}
 - {{cssxref("mask-border-slice")}}
 - {{cssxref("mask-border-source")}}
 - {{cssxref("mask-border-width")}}
+- {{cssxref("mask-border-mode")}}
 
 ### Data types
 
diff --git a/files/en-us/web/css/css_media_queries/index.md b/files/en-us/web/css/css_media_queries/index.md
@@ -61,8 +61,7 @@ When designing reusable HTML components, you may also use [container queries](/e
 - {{cssxref("@media/video-dynamic-range", "video-dynamic-range")}}
 - {{cssxref("@media/width", "width")}}
 
-> [!NOTE]
-> CSS media queries level 5 introduces five `@media` descriptors that have not been implemented: `environment-blending`, `horizontal-viewport-segments`, `nav-controls`, `vertical-viewport-segments`, and `video-color-gamut`.
+The CSS media queries level 5 module also introduces the `environment-blending`, `horizontal-viewport-segments`, `nav-controls`, `vertical-viewport-segments`, and `video-color-gamut` `@media` descriptors. Currently, no browsers support these features.
 
 > [!NOTE]
 > CSS media queries level 4 deprecated three `@media` descriptors: {{cssxref("@media/device-aspect-ratio", "device-aspect-ratio")}}, {{cssxref("@media/device-height", "device-height")}}, and {{cssxref("@media/device-width", "device-width")}}.
diff --git a/files/en-us/web/css/css_overflow/index.md b/files/en-us/web/css/css_overflow/index.md
@@ -230,8 +230,7 @@ A link is included in the content box above to demonstrate the effects of keyboa
 - {{CSSxRef("scrollbar-gutter")}}
 - {{CSSxRef("text-overflow")}}
 
-> [!NOTE]
-> The CSS Overflow Module Level 4 introduces the `block-ellipsis`, `continue`, `max-lines`, `overflow-clip-margin-block`, `overflow-clip-margin-block-end`, `overflow-clip-margin-block-start`, `overflow-clip-margin-bottom`, `overflow-clip-margin-inline`, `overflow-clip-margin-inline-end`, `overflow-clip-margin-inline-start`, `overflow-clip-margin-left`, `overflow-clip-margin-right`, and `overflow-clip-margin-top` properties. These have not yet been implemented.
+The CSS overflow level 4 module also introduces the `block-ellipsis`, `continue`, `max-lines`, `overflow-clip-margin-block`, `overflow-clip-margin-block-end`, `overflow-clip-margin-block-start`, `overflow-clip-margin-bottom`, `overflow-clip-margin-inline`, `overflow-clip-margin-inline-end`, `overflow-clip-margin-inline-start`, `overflow-clip-margin-left`, `overflow-clip-margin-right`, and `overflow-clip-margin-top` properties. Currently, no browsers support these features.
 
 ### Selectors and pseudo-elements
 
diff --git a/files/en-us/web/css/css_paged_media/index.md b/files/en-us/web/css/css_paged_media/index.md
@@ -22,8 +22,7 @@ The **CSS paged media** module defines the properties that control the presentat
   - [Margin descriptors](/en-US/docs/Web/CSS/margin)
 - [Margin at-rules](/en-US/docs/Web/CSS/@page#margin_at-rules)
 
-> [!NOTE]
-> CSS paged media module introduces two `@page` descriptors that have not been implemented: `bleeds` and `marks`.
+The CSS paged media module also introduces the `bleeds` and `marks` `@page` descriptors. Currently, no browsers support these features.
 
 ### Pseudo-classes
 
diff --git a/files/en-us/web/css/css_ruby_layout/index.md b/files/en-us/web/css/css_ruby_layout/index.md
@@ -15,8 +15,7 @@ The **CSS ruby layout** module provides the rendering model and formatting contr
 - {{cssxref("ruby-align")}}
 - {{cssxref("ruby-position")}}
 
-> [!NOTE]
-> The CSS ruby layout module introduces two properties, `ruby-merge` and `ruby-overhang`, that have not yet been implemented in any browser.
+The CSS ruby layout module also introduces the `ruby-merge` and `ruby-overhang` properties. Currently, no browsers support these features.
 
 ### Display values
 
diff --git a/files/en-us/web/css/css_selectors/index.md b/files/en-us/web/css/css_selectors/index.md
@@ -18,21 +18,20 @@ Selectors, whether used in CSS or JavaScript, enable targeting HTML elements bas
 
 - `+` ([Next-sibling combinator](/en-US/docs/Web/CSS/Next-sibling_combinator))
 - `>` ([Child combinator](/en-US/docs/Web/CSS/Child_combinator))
-- `||` ([Column combinator](/en-US/docs/Web/CSS/Column_combinator))
 - `~` ([Subsequent sibling combinator](/en-US/docs/Web/CSS/Subsequent-sibling_combinator))
 - " " ([Descendant combinator](/en-US/docs/Web/CSS/Descendant_combinator))
 - `|` ([Namespace separator](/en-US/docs/Web/CSS/Namespace_separator))
 - `,` ([Selector list](/en-US/docs/Web/CSS/Selector_list))
 
+The CSS selectors module also introduces the [column combinator](/en-US/docs/Web/CSS/Column_combinator) (`||`). Currently, no browsers support this feature.
+
 ### Selectors
 
 - {{CSSXref(":active")}}
 - {{CSSXref(":any-link")}}
 - {{CSSXref(":autofill")}}
-- {{CSSXref(":blank")}}
 - {{CSSXref(":buffering")}}
 - {{CSSXref(":checked")}}
-- {{CSSXref(":current")}}
 - {{CSSXref(":default")}}
 - {{CSSXref(":defined")}}
 - {{CSSXref(":dir", ":dir()")}}
@@ -56,7 +55,6 @@ Selectors, whether used in CSS or JavaScript, enable targeting HTML elements bas
 - {{CSSXref(":last-child")}}
 - {{CSSXref(":last-of-type")}}
 - {{CSSXref(":link")}}
-- {{CSSXref(":local-link")}}
 - `:matches()` (obsolete legacy selector alias for {{CSSXref( ":is", ":is()")}})
 - {{CSSXref(":modal")}}
 - {{CSSXref(":muted")}}
@@ -84,7 +82,6 @@ Selectors, whether used in CSS or JavaScript, enable targeting HTML elements bas
 - {{CSSXref(":seeking")}}
 - {{CSSXref(":stalled")}}
 - {{CSSXref(":target")}}
-- {{CSSXref(":target-within")}}
 - {{CSSXref(":user-invalid")}}
 - {{CSSXref(":user-valid")}}
 - {{CSSXref(":valid")}}
@@ -98,6 +95,8 @@ Selectors, whether used in CSS or JavaScript, enable targeting HTML elements bas
 - [Type selectors](/en-US/docs/Web/CSS/Type_selectors)
 - [Universal selectors](/en-US/docs/Web/CSS/Universal_selectors)
 
+The CSS selectors module also introduces the {{CSSXref(":blank")}}, {{CSSXref(":current")}}, {{CSSXref(":local-link")}}, and {{CSSXref(":target-within")}} pseudo-classes. Currently, no browsers support these features.
+
 ## Terms
 
 - {{glossary("Pseudo-class")}} glossary term
diff --git a/files/en-us/web/css/css_shapes/index.md b/files/en-us/web/css/css_shapes/index.md
@@ -57,8 +57,7 @@ img {
 - {{cssxref("shape-margin")}}
 - {{cssxref("shape-outside")}}
 
-> [!NOTE]
-> The CSS shapes module introduces the `shape-inside` and `shape-padding` properties that have not yet been implemented.
+The CSS shapes module also introduces the `shape-inside` and `shape-padding` properties. Currently, no browsers support these features.
 
 ### Data types
 
diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
diff --git a/files/en-us/web/css/frequency-percentage/index.md b/files/en-us/web/css/frequency-percentage/index.md
diff --git a/files/en-us/web/css/frequency/index.md b/files/en-us/web/css/frequency/index.md
diff --git a/files/en-us/web/css/image-resolution/index.md b/files/en-us/web/css/image-resolution/index.md
diff --git a/files/en-us/web/css/image/image/index.md b/files/en-us/web/css/image/image/index.md
diff --git a/files/en-us/web/css/line-height-step/index.md b/files/en-us/web/css/line-height-step/index.md
diff --git a/files/en-us/web/css/mask-border-mode/index.md b/files/en-us/web/css/mask-border-mode/index.md
