@@ -6,28 +6,31 @@ This may leave some older browser versions behind. If you need to take care of t
66
77## Progressive enhancement
88
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), enabled by default |
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) | Technology Preview (225) |
15- | [ ` select[multiple][size="1"] ` UI optimization on Desktop browsers] ( https://chromestatus.com/feature/5412736871825408 ) (planned) | 142 (28.10.2025) | tbd | tbd |
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 | [ 26.2 (12.12.2025) ] ( https://webkit.org/blog/17640/webkit-features-for-safari-26-2/ ) |
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) | [ 26.2 (12.12.2025) ] ( https://webkit.org/blog/17640/webkit-features-for-safari-26-2/ ) |
15+ | [ ` select[multiple][size="1"] ` UI optimization on Desktop browsers] ( https://chromestatus.com/feature/5412736871825408 ) (planned) | 142 (28.10.2025) | tbd | tbd |
1616
1717## Without graceful degradation
1818
1919The 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).
2020
21- | Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
22- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | -------------------- | -------------------------------------------- |
23- | [ semantic overflow (` overflow-block ` and ` overflow-inline ` )] ( https://caniuse.com/mdn-css_properties_overflow-block ) | 135 (01.04.2025) | 69 (03.09.2019) | 26 |
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- | [ ` 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) | _ behind a flag_ | 18 (16.09.2024) |
27- | [ Anchor Positioning] ( https://caniuse.com/css-anchor-positioning ) (planned) | 125 (14.05.2024) | _ enabled by default_ | 26 (15.09.2025) |
28- | [ Invoker Commands] ( https://caniuse.com/mdn-html_elements_button_commandfor ) (planned) | 135 (01.04.2025) | 144 (14.10.2025) | Technology Preview (211), enabled by default |
29- | [ ` attr() ` CSS Values 5 extensions] ( https://developer.mozilla.org/en-US/docs/Web/CSS/attr ) (planned) | 133 (04.02.2025) | tbd | tbd |
30- | [ CSS Custom Functions] ( https://www.bram.us/2025/02/09/css-custom-functions-teaser/ ) (planned) | 139 (30.07.2025) | tbd | tbd |
21+ | Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
22+ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | -------------------- | ----------------------------------------------------------------------------------- |
23+ | [ semantic overflow (` overflow-block ` and ` overflow-inline ` )] ( https://caniuse.com/mdn-css_properties_overflow-block ) | 135 (01.04.2025) | 69 (03.09.2019) | 26 |
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+ | [ ` 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) | _ behind a flag_ | 18 (16.09.2024) |
27+ | [ Anchor Positioning] ( https://caniuse.com/css-anchor-positioning ) (planned) | 125 (14.05.2024) | _ enabled by default_ | 26 (15.09.2025) |
28+ | [ Invoker Commands] ( https://caniuse.com/mdn-html_elements_button_commandfor ) (planned) | 135 (01.04.2025) | 144 (14.10.2025) | [ 26.2 (12.12.2025)] ( https://webkit.org/blog/17640/webkit-features-for-safari-26-2/ ) |
29+ | [ ` attr() ` CSS Values 5 extensions] ( https://developer.mozilla.org/en-US/docs/Web/CSS/attr ) (planned) | 133 (04.02.2025) | tbd | tbd |
30+ | [ CSS Custom Functions] ( https://www.bram.us/2025/02/09/css-custom-functions-teaser/ ) (planned) | 139 (30.07.2025) | tbd | tbd |
31+ | [ CSS ` sibling-count() ` and ` sibling-index() ` ] ( https://caniuse.com/wf-sibling-count ) (planned) | 138 (24.06.2025) | tbd | [ 26.2 (12.12.2025)] ( https://webkit.org/blog/17640/webkit-features-for-safari-26-2/ ) |
32+ | [ CSS ` scrollbar-color ` ] ( https://caniuse.com/css-scrollbar ) (planned) | 121 (23.01.2024) | 64 (11.12.2018) | [ 26.2 (12.12.2025)] ( https://webkit.org/blog/17640/webkit-features-for-safari-26-2/ ) |
33+ | [ CSS ` @scope ` ] ( https://caniuse.com/css-cascade-scope ) (planned) | 118 (10.10.2023) | 146 (09.12.2025) | 17.4 (05.03.2024) |
3134
3235## Stable in evergreen browsers
3336
0 commit comments