letter-spacing
letter-spacing
属性控制文本字符之间的间距。
如果属性值是一个无单位数字(例如 128
),则浏览器将其处理为当前用户坐标系统中的 <length>
。
如果属性值带有单位标识符,例如 .25em
或 1%
,则浏览器会将 <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 |
浏览器兼容性
加载中…
另见
- CSS
letter-spacing
属性