- CSS if() function provides a concise way to express conditional values by accepting condition-value pairs and returning the value associated with the first true condition
- CSS reading-flow property controls the order in which elements in flex, grid, or block layouts are exposed to accessibility tools and focused using tab keyboard navigation
- CSS reading-order property allows authors to manually override the order within a reading flow container
- Selection.direction API method returns the selection's direction as either none, forward, or backward
- Selection.getComposedRanges() API method returns a list of composed StaticRange that are allowed to cross shadow boundaries
- Support offset-path: shape() to allow using responsive shapes to set the animation path
- Transform attribute on SVGSVGElement enables the application of transformation properties such as scaling, rotation, translation, and skewing directly to the svg root element
- System accent color for accent-color property on Windows and ChromeOS allows form elements such as checkboxes, radio buttons, and progress bars to automatically adopt the accent color defined by the user's operating system
- Canvas floating point color types enable the use of floating point pixel formats with CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D, and ImageData for high precision applications and high dynamic range content
- Letter-spacing setting is now ignored for cursive scripts including Arabic, Hanifi Rohingya, Mandaic, Mongolian, N'Ko, Phags Pa, and Syriac to ensure proper readability
- SVG use element can now reference an external document's root element by omitting the fragment identifier instead of requiring an explicit fragment ID
Stable release date: May 27th, 2025 Unless otherwise noted, the following changes apply to Chrome 137 stable channel release for Android, ChromeOS, Linux, macOS, and Windows.
CSS and UI
CSS if() function
The CSS if() function provides a concise way to express conditional values. It accepts a series of condition-value pairs, delimited by semicolons. The function evaluates each condition sequentially and returns the value associated with the first true condition. If none of the conditions evaluate to true, the function returns an empty token stream. This lets you express complex conditional logic in a simple and concise way. Example: div { color: var(--color); background-color: if(style(--color: white): black; else: white); } .dark { --color: black; } .light { --color: white; }