天天看点

Style letterSpacing 属性

Style 对象

定义和用法

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

语法

设置 letterSpacing 属性:

Object.style.letterSpacing="normal|length|inherit"

返回 letterSpacing 属性:

Object.style.letterSpacing

描述
normal 默认。定义字符间的标准空间。
length 使用 px、cm 等单位定义字符间的空间。可使用负值。
inherit letterSpacing 属性的值从父元素继承。

浏览器支持

Style letterSpacing 属性
Style letterSpacing 属性
Style letterSpacing 属性
Style letterSpacing 属性
Style letterSpacing 属性

所有主要浏览器都支持 letterSpacing 属性。

注意:

IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

实例

更改字符间的空间:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<script>

function displayResult(){

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

}

</script>

</head>

<body>

<p id="p1">这是一些文本。</p>

<br>

<button type="button" onclick="displayResult()">修改字符间间距</button>

</body>

</html>

Style 对象