JavaScript HTML DOM Style wordSpacing 属性

  • wordSpacing 属性

    wordSpacing属性设置或返回文本中单词之间的间距。
    提示:要设置或返回文本中字符之间的间距,请使用letterSpacing属性。
    将p元素中的单词之间的间距设置为50像素:
    document.getElementById("myP").style.wordSpacing = "50px";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    wordSpacing
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回wordSpacing属性:
    object.style.wordSpacing
    设置wordSpacing属性:
    object.style.wordSpacing = "normal|length|initial|inherit"
  • 属性值

    描述
    normal 定义单词之间的正常间距。 这是默认值
    length 以长度单位指定单词之间的空格。 允许负值
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: normal
    返回值: 一个字符串,表示文本中单词之间的空格
    CSS版本 CSS1
  • 更多例子

    使用负值:
    document.getElementById("myP").style.wordSpacing = -3px";
    
    尝试一下
    返回p元素的单词间距:
    alert(document.getElementById("myP").style.wordSpacing);
    
    尝试一下
    letterSpacing属性和wordSpacing属性之间的差异:
    function changeLetters() {
      document.getElementById("myP1").style.letterSpacing = "15px";
    }
    
    function changeWords() {
      document.getElementById("myP2").style.wordSpacing = "15px";
    }
    
    尝试一下
  • 相关页面

    CSS教程:CSS 文本