发布时间:2025 年 12 月 2 日
Chrome 143 现已推出,本文将介绍此版本中的一些主要功能。阅读完整的 Chrome 143 版本说明。
此版本的亮点:
- 使用锚定回退容器查询设置锚定位置元素的后代的样式。
- 使用长属性相对于某个边缘定位 CSS 背景图片。
- 使用
font-language-override替换字形,从而覆盖系统语言。
CSS 锚定后备容器查询
引入了 @container anchored(fallback),用于根据应用了哪些 position-try-fallbacks 来设置定位元素的锚定后代的样式。
此类查询可用于设置锚定元素的系绳或动画的样式,具体取决于锚点和锚定元素之间的相对位置。
background-position-x/y 长式语法的边相关语法
在 background-position 的简写属性中,定义背景图片相对于其某个边缘的位置。例如:
.element {
background-image: url(flower.gif);
background-repeat: no-repeat;
background-position-x: left 30px;
background-position-y: bottom 20px;
}
此实现使相应功能进入“Baseline 新近可用”阶段。
实现 font-language-override CSS 属性
引入了对 font-language-override CSS 属性的支持。
借助该属性,开发者可以直接在 CSS 中指定四字符语言标记,从而替换用于 OpenType 字形替换的系统语言。
这可实现精细的排版控制,对于多语言内容或具有特定于语言的字形变体的字体尤其有用。
深入阅读
以下仅介绍了一些重点内容。如需了解 Chrome 143 中的其他更改,请点击以下链接。
订阅
如需及时了解最新动态,请订阅 Chrome Developers YouTube 频道,这样每当我们发布新视频时,您都会收到电子邮件通知。您也可以在 X 或 LinkedIn 上关注我们,获取新文章和博文。
Chrome 144 发布后,我们会立即在此处告知您 Chrome 中的新变化!