码农教程 - 一技在手,衣食无忧! tools

目录

style letterSpacing 属性

❮上一节 ❮ 样式对象参考 下一节❯

示例

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

document.getElementById("demo").style.letterSpacing = "15px";
亲自试一试 »

描述

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

提示：要设置或返回文本中单词之间的间距，请使用字间距属性。

浏览器支持

Property
letterSpacing Yes Yes Yes Yes Yes

语法

返回 letterSpacing 属性：

object.style.letterSpacing

设置 letterSpacing 属性：

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

属性值

Value Description
normal Normal space between characters. This is default
length Defines the space in length units. Negative values are allowed
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值： 普通的
返回值： 一个字符串，表示文本中字符之间的空格
CSS版本 CSS1

更多示例

示例

使用负值：

document.getElementById("demo").style.letterSpacing = "-2px";
亲自试一试 »

示例

返回元素的字母间距：

alert(document.getElementById("demo").style.letterSpacing);
亲自试一试 »

示例

letterSpacing 属性和 wordSpacing 属性之间的区别：

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

function changeWords() {
  document.getElementById("demo2").style.wordSpacing = "15px";
}
亲自试一试 »

相关页面

CSS教程：CSS 文本

CSS 参考：字母间距属性


❮上一节 ❮ 样式对象参考 下一节❯