Style wordSpacing 屬性

定義和用法

wordSpacing 屬性設置或返回文本中的單詞間距。

提示：如需設置或返回文本中字符之間的間距，請使用 letterSpacing 屬性。

另請參閱：

CSS 教程：CSS 文本

CSS 參考手冊：word-spacing 屬性

實例

例子 1

將 <p> 元素中單詞間距設置為 50 像素：

document.getElementById("myP").style.wordSpacing = "50px";

親自試一試

例子 2

使用負值：

document.getElementById("myP").style.wordSpacing = -3px";

親自試一試

例子 3

返回 <p> 元素的詞間距：

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

親自試一試

例子 4

letterSpacing 屬性與 wordSpacing 屬性的區別：

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

親自試一試

語法

返回 wordSpacing 屬性：

object.style.wordSpacing

設置 wordSpacing 屬性：

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

屬性值

值 描述
normal 定義單詞之間的正常間距。默認。
length 以長度單位規定單詞之間的間距。允許負值。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： normal
返回值： 字符串，表示文本中單詞之間的空格。
CSS 版本： CSS1

瀏覽器支持

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