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字母间距属性允许负值。



全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.