letter-spacing

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

letter-spacing 属性控制文本字符之间的间距。

如果属性值是一个无单位数字(例如 128),则浏览器将其处理为当前用户坐标系统中的 <length>

如果属性值带有单位标识符,例如 .25em1%,则浏览器会将 <length> 转换为其在当前用户坐标系统中的对应值。

注意: 作为演示属性,letter-spacing 还有一个对应的 CSS 属性:letter-spacing。当两者都被指定时,CSS 属性具有优先权。

你可以将此属性与以下 SVG 元素一起使用

示例

控制 SVG 字母间距

html
<svg viewBox="0 0 400 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" letter-spacing="2">Bigger letter-spacing</text>
  <text x="200" y="20" letter-spacing="-0.5">Smaller letter-spacing</text>
</svg>

用法说明

normal | <length>
默认值 normal
可动画的

有关值的描述,请参阅 CSS letter-spacing 属性。

规范

规范
CSS Text Module Level 3
# letter-spacing-property
Scalable Vector Graphics (SVG) 2
# LetterSpacingProperty

浏览器兼容性

另见