'Google Chrome 133' stable release, features to help adjust text alignment added



The latest stable version of the web browser ' Google Chrome ', version 133, has been released. It includes CSS properties that make it easier to align text vertically by removing the top and bottom margins.

Chrome 133 | Release notes | Chrome for Developers

https://developer.chrome.com/release-notes/133

New in Chrome 133 | Blog | Chrome for Developers
https://developer.chrome.com/blog/new-in-chrome-133?hl=en

◆ Adjust the vertical alignment of text
When specifying the vertical alignment of text, the margins above and below the text may affect the alignment, making it difficult to achieve the desired result. Using text-box makes it easier to adjust the alignment by deleting the margins above and below. You can also delete only the margins above or below the text.



For more information on text boxes, see the links below.

CSS text-box-trim | Blog | Chrome for Developers
https://developer.chrome.com/blog/css-text-box-trim?hl=ja



◆ CSS attr() function enhancements
You can get the attributes of an HTML element using the attr() function. Previously, you could only use the attr() function with the content property, but now you can use the attr() function with all CSS properties.

◆ Scrolling animations can now be implemented using only CSS
The addition of the new CSS property 'scroll-state()' makes it possible to implement animations that respond to scrolling using CSS. Previously, it was necessary to use JavaScript to achieve the behavior of 'displaying a header when scrolling upwards,' but by utilizing scroll-state(), it can be implemented using only CSS.

Details of scroll-state() are explained on the following page.

CSS scroll-state() | Blog | Chrome for Developers
https://developer.chrome.com/blog/css-scroll-state-queries?hl=ja



◆Other updates
Added Animation: overallProgress property, which allows you to manage the progress of an animation regardless of the nature of the timeline.
- Node.prototype.moveBefore has been added, allowing you to move an element within the DOM tree without resetting its state.
- Added FileSystemObserver, which notifies websites of changes to the file system.
- It is now possible to detect the WebAuthn features available in the user's environment via PublicKeyCredential.getClientCapabilities() .

Google Chrome 133 also includes 12 security bug fixes .

The next stable version, Google Chrome 134, is scheduled to be released on March 4, 2025 local time.

in Software, Posted by log1o_hf