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
支持 支持 支持 支持 支持