Nov 13, 2024 12:40:00

'Google Chrome 131' stable release, websites can now customize printing margins

The latest stable version of the web browser ' Google Chrome ', version 131, has been released. CSS highlight settings can now be inherited by child elements, the customizability of the details element has been improved, and it is now possible to customize the display of margins when printing on the website side.

New in Chrome 131 | Blog | Chrome for Developers

https://developer.chrome.com/blog/new-in-chrome-131

New in Chrome 131: external CSS highlight inheritance, improvements to details, and more! - YouTube


◆CSS highlight settings are now inherited
By setting the ' ::selection ' pseudo element in CSS, you can customize the appearance of selected text. Until Chrome 130, the '::selection' setting was not inherited, and there was an issue where the '::selection' setting of the parent element was not applied when a child element was selected. For example, in the following example, although 'emphasized' surrounded by em tags is selected, the CSS setting is not reflected.

Starting with Chrome 131, the '::selection' setting is inherited by child elements, resulting in a more natural behavior.

◆The styles that can be applied to the details element have been expanded
By using

the details and summary elements, you can easily create open/close widgets and accordion widgets. Starting with Chrome 131, you can change the display property of the details element, allowing you to create grid and flex layouts. In addition, you can now apply styles to the open/close buttons by using the '::details-content' pseudo element.

◆Print margins can now be customized
You can now customize the margins that appear when you print a webpage or export it to PDF. The margins are divided into a total of 16 boxes, and you can specify where things go with CSS properties.

In CSS, you can set it using the at-rule '

@page '. Detailed instructions are available on the official Chrome blog.

◆Other updates
- External SVGs are now supported for '

clip-path ', ' fill ', ' stroke ', and ' marker '.
- WebHID is now enabled within a dedicated worker context.
- You can now customize the appearance of emoji characters using the “ font-variant-emoji ” CSS property.

Google Chrome 131 also includes 12 security bug fixes .

The next stable version, Google Chrome 132, is scheduled to be released on January 14, 2025 local time.