CSS letter-spacing属性,设置字母间距
letter-spacing属性
CSS的letter-spacing属性,可以用于设置HTML中文本的字母间距,允许负值。这个在开发富文本编辑器当中应该会经常用到。
letter-spacing属性实例代码,及在线编辑器
<p class='le1'>这个段落中的文本的字母间距被设置为5px,虽然这些文本不是字母。</p>
<p class='le2'>这个段落中的文本的字母间距被设置为2em相对长度。</p>
<p class='le3'>第二个段落中的字母间距被设置为0.5cm。</p>
<p class='le4'>该段落中的letter-spacing被设置为1pt。</p>
<p class='le5'>该属性允许负值,该段落中的文本的字母间距被设置为-5px。</p>
<style>
.le1{letter-spacing:5px;}
.le2{letter-spacing:2em;}
.le3{letter-spacing:0.5cm;}
.le4{letter-spacing:1pt;}
.le5{letter-spacing:-5px;;}
</style>
letter-spacing属性值
属性值 | 描述 |
---|---|
em | 相对长度单位 |
px | 像素 |
cm | 厘米 |
pt | 标准长度单位1pt=1/72英寸 |
提示:letter-spacing字母间距属性允许负值。