此组件基于 h1
元素,支持 常见的边距属性。
使用 as
属性来改变标题级别。这个属性纯粹是语义上的,不会改变视觉外观。
使用 size
属性来控制标题的大小。该属性还提供正确的行高和纠正的字母间距——随着文本大小的增加,相对的行高和字母间距会减小。
标题大小与 文本 大小相匹配。 然而,由于标题通常比普通文本短,因此行高设置得稍微紧凑一些。
使用 weight
属性来设置文本的字重。
使用 align
属性来设置文本对齐方式。
使用 trim
属性来修剪文本框开始、结束或两侧的前导空间。
该属性的工作方式类似于即将发布的 半行距控制 规范,但在底层使用了常见的 负边距解决方案 以支持跨浏览器兼容性。
修剪前导空间在调整卡片或其他“盒状”组件的垂直间距时非常有用。否则,内边距看起来上面和下面比两侧大。
默认的修剪值是为 Radix 主题所使用的系统字体栈配置的。如果您使用自定义字体,您可以 调整 修剪值,使用相应的 CSS 变量。
使用 truncate
属性在文本溢出其容器时用省略号截断文本。
使用 wrap
属性来控制文本是否换行。
text-wrap: pretty
是一个实验值,目前 尚未支持所有浏览器。然而,它可以被视为支持此功能的浏览器的渐进式增强。
使用 color
属性分配一个特定的 颜色。文本颜色旨在实现与常见背景颜色至少 Lc 60 APCA 的对比度。
使用 highContrast
属性增加与背景的颜色对比度。