Style letterSpacing 属性

定义和用法

letterSpacing 属性设置或返回文本中字符之间的间距（字间距）。

提示：如需设置或返回文本中单词之间的间距（词间距），请使用 wordSpacing 属性。

另请参阅：

CSS 教程：CSS 文本

CSS 参考手册：letter-spacing 属性

实例

例子 1

将 <p> 元素中字符之间的间距设置为 15 像素：

document.getElementById("myP").style.letterSpacing = "15px";

亲自试一试

例子 2

使用负值：

document.getElementById("myP").style.letterSpacing = "-2px";

亲自试一试

例子 3

返回 <p> 元素的字母间距：

alert(document.getElementById("myP").style.letterSpacing);

亲自试一试

例子 4

letterSpacing 属性与 wordSpacing 属性的区别：

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}

function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

亲自试一试

语法

返回 letterSpacing 属性：

object.style.letterSpacing

设置 letterSpacing 属性：

object.style.letterSpacing = "normal|length|initial|inherit"

属性值

值 描述
normal 字符之间的正常间距。默认。
length 以长度单位定义间距。允许负值。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： normal
返回值： 字符串，表示文本中字符之间的间距。
CSS 版本： CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持