CSS | letter-spacing 属性

在 CSS 中，letter-spacing 属性用于设置字母之间的间距。它可以让我们控制字母间的间隔来达到美化或者排版的效果。

语法

selector {
    letter-spacing: value;
}

• selector：表示要应用该属性的 HTML 元素，比如 h1、p、div 等。
• value：表示要设置的字母之间的间距，可以是正值、负值或者 0。

值

• normal： 默认值，表示使用浏览器默认的字符间距。
• length：具体的长度值，可以是 px、em、rem、pt 等绝对单位，也可以是相对单位，比如百分比。
• initial：表示将属性设置为默认值。
• inherit：表示继承父元素的属性值。

实例

h1 {
    letter-spacing: 2px;
}

p {
    letter-spacing: 0.5em;
}

span {
    letter-spacing: -1px;
}

效果

• h1 元素中的字母间距增加了 2px。
• p 元素中的字母间距增加了字体大小的一半。
• span 元素中的字母间距缩小了 1px。

注意事项

1. 因为字母空间的增加或减小可能会影响到单词之间的间距，所以在使用 letter-spacing 属性时，一定要注意综合考虑。
2. letter-spacing 属性不会影响到连续的空格或者 tab，只会影响到字母间的间距。
3. 不能将 letter-spacing 属性应用于 input 元素中，因为该属性不支持表单控件。