@@ -6,25 +6,27 @@ This may leave some older browser versions behind. If you need to take care of t
6
6
7
7
## Progressive enhancement
8
8
9
- | Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
10
- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------- |
11
- | [ CSS ` field-sizing: content ` property] ( https://caniuse.com/mdn-css_properties_field-sizing_content ) | 123 (19.03.2024) | tbd | Technology Preview (220) |
12
- | [ semantic overflow (` overflow-block ` and ` overflow-inline ` )] ( https://caniuse.com/mdn-css_properties_overflow-block ) | 135 (01.04.2026) | 69 (03.09.2019) | 26 |
13
- | [ Customizable select elements] ( https://caniuse.com/selectlist ) (planned) | 134 (19.03.2024) | tbd | tbd |
14
- | [ ` dialog[closedby="closerequest"] ` ] ( https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closerequest ) (planned) | 134 (19.03.2024) | 141 (22.07.2025) | tbd |
15
- | [ ` hidden="until-found" ` -HTML-attribute (planned)] ( https://caniuse.com/mdn-html_global_attributes_hidden_until-found ) | 102 (24.05.2022) | 139 (27.05.2025) | tbd |
16
- | [ Anchor Positioning] ( https://caniuse.com/css-anchor-positioning ) (planned) | 125 (14.05.2024) | tbd | [ "this fall"] ( https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/#css ) |
17
- | [ CSS Custom Functions] ( https://www.bram.us/2025/02/09/css-custom-functions-teaser/ ) (planned) | 139 (30.07.2025) | tbd | tbd |
18
- | [ Invoker Commands] ( https://caniuse.com/mdn-html_elements_button_commandfor ) (planned) | 135 (01.04.2025) | Nightly | Technology Preview (211) |
9
+ | Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
10
+ | --------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | ------------------------ |
11
+ | [ CSS ` field-sizing: content ` property] ( https://caniuse.com/mdn-css_properties_field-sizing_content ) | 123 (19.03.2024) | tbd | Technology Preview (220) |
12
+ | [ Customizable select elements] ( https://caniuse.com/selectlist ) (planned) | 134 (19.03.2024) | tbd | tbd |
13
+ | [ ` dialog[closedby="closerequest"] ` ] ( https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closerequest ) (planned) | 134 (19.03.2024) | 141 (22.07.2025) | tbd |
14
+ | [ ` hidden="until-found" ` -HTML-attribute] ( https://caniuse.com/mdn-html_global_attributes_hidden_until-found ) (planned) | 102 (24.05.2022) | 139 (27.05.2025) | tbd |
19
15
20
16
## Without graceful degradation
21
17
22
- | Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
23
- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | ---------------- | ----------------- |
24
- | [ ` @property ` / typed CSS Custom Properties] ( https://developer.mozilla.org/en-US/docs/Web/CSS/@property ) | 85 (25.08.2022) | 128 (09.07.2024) | 16.4 (27.03.2023) |
25
- | [ ` light-dark() ` CSS function] ( https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark ) | 123 (19.03.2024) | 120 (21.11.2023) | 17.5 (13.05.2024) |
26
- | [ ` attr() ` CSS Values 5 extensions] ( https://developer.mozilla.org/en-US/docs/Web/CSS/attr ) | 133 (04.02.2025) | tbd | tbd |
27
- | [ ` style() ` container queries for custom properties] ( https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries#container_style_queries ) | 111 (07.03.2023) | tbd | 18 (16.09.2024) |
18
+ The following functionality relies on JavaScript for support in browsers that do not support it yet. Other solutions would be PostCSS preprocessing (planned) and declaring CSS declarations twice, both in the new and old ways (e.g., semantic overflow).
19
+
20
+ | Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
21
+ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------- |
22
+ | [ semantic overflow (` overflow-block ` and ` overflow-inline ` )] ( https://caniuse.com/mdn-css_properties_overflow-block ) | 135 (01.04.2026) | 69 (03.09.2019) | 26 |
23
+ | [ ` @property ` / typed CSS Custom Properties] ( https://developer.mozilla.org/en-US/docs/Web/CSS/@property ) | 85 (25.08.2022) | 128 (09.07.2024) | 16.4 (27.03.2023) |
24
+ | [ ` light-dark() ` CSS function] ( https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark ) | 123 (19.03.2024) | 120 (21.11.2023) | 17.5 (13.05.2024) |
25
+ | [ ` attr() ` CSS Values 5 extensions] ( https://developer.mozilla.org/en-US/docs/Web/CSS/attr ) (planned) | 133 (04.02.2025) | tbd | tbd |
26
+ | [ ` style() ` container queries for custom properties] ( https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries#container_style_queries ) (planned) | 111 (07.03.2023) | tbd | 18 (16.09.2024) |
27
+ | [ Anchor Positioning] ( https://caniuse.com/css-anchor-positioning ) (planned) | 125 (14.05.2024) | tbd | [ "this fall"] ( https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/#css ) |
28
+ | [ CSS Custom Functions] ( https://www.bram.us/2025/02/09/css-custom-functions-teaser/ ) (planned) | 139 (30.07.2025) | tbd | tbd |
29
+ | [ Invoker Commands] ( https://caniuse.com/mdn-html_elements_button_commandfor ) (planned) | 135 (01.04.2025) | Nightly | Technology Preview (211) |
28
30
29
31
## Stable in evergreen browsers
30
32
0 commit comments