CSS | letter-spacing 属性

简介

letter-spacing 属性用于控制文本中字母之间的间距。它可以为负值(压缩字母)或正值(增加字母间距)。

该属性在排版时非常有用，可以用来微调字母之间的间距，使得文本看起来更加美观、清晰。

语法

selector {
    letter-spacing: value;
}

其中，value 可以是以下值之一：

• normal：默认值，字母之间的间距为正常值。
• length：使用具体的长度值(px, em, rem 等)来调整字母间距，正值增加间距，负值减小间距。
• initial：将该属性设置为默认值。
• inherit：继承父元素的属性值。

实例

增加字母间距

p {
    letter-spacing: 2px;
}

上述代码将会使选定的段落文本中的字母之间的间距增加 2 像素。

减小字母间距

h1 {
   letter-spacing: -1px;
}

上述代码将会使选定的一级标题文本中的字母之间的间距减小 1 像素。

设置为默认值

h2 {
    letter-spacing: initial;
}

上述代码将会重置选定的二级标题文本中的字母间距为默认值。

总结

无论您是想要增加还是减少字母之间的间距，使用 letter-spacing 属性可以轻松地实现。它是一种很方便的微调排版的手段，可以让您的网页文本更美观、清晰。