CSS letter-spacing

2025年3月26日 | 阅读 2 分钟

此 CSS 属性用于控制元素或文本块中每个字母之间的间距。它设置文本字符之间的间距行为。使用此属性,我们可以增加或减少文本字符之间的间距。

它修改相邻字符之间的空间。

语法

可能的值

normal: 这是默认值,它不提供任何字符间距。它不会改变字母之间的默认间距。它类似于将值设置为 0。

length: 用于指定字符之间的额外间距。它允许负值,从而使文本外观更紧凑而不是更松散。较大的长度意味着字母之间的最大间距。此值支持字体相对值(em、rem)、绝对值(px)。

示例

在此示例中,我们将尝试 letter-spacing 属性的不同值,以查看不同的结果。我们还将使用可能的长度值来查看字符之间的间距。

此示例将说明字符之间的间距设置。

letter-spacing 的非常大的负值或正值会使单词不可读。如果我们应用非常大的正值,它会使字母看起来像一系列不连接的单个字母。非常大的负值会导致字母相互重叠,使单词无法识别。


下一主题CSS 导航栏