CSS文字控制之letter-spacing和word-spacing

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。请大家注意,word-spacing对中文无效。

letter-spacing

  语法:
  letter-spacing : normal | length 
  参数:
  normal :  默认间隔
  length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
  说明:
  检索或设置对象中的文字之间的间隔。
  该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
  对应的脚本特性为letterSpacing。

word-spacing

  语法:
  word-spacing : normal | length 
  参数:
  normal :  默认间距
  length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
  说明:
  检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
  对应的脚本特性为wordSpacing。

letter-spacing -- 定义文本中字母的间距(中文为文字的间距) 

取值: normal | <length> | inherit 
normal: 正常(主要是根据用户所使用的浏览器等设备) 
<length>: 长度表示法 
inherit: 继承 
初始值: normal 
继承性: 是 
适用于: 所有元素 
letter,中文"字母", spacing,中文"间隔" 

比较: 
letter-spacing定义了字与字之间的距离. 
word-spacing是控制字与字之间空格的宽度. 

示例 


复制代码
代码如下:

.ls3px 

letter-spacing:3px; 

.lsn3px 

letter-spacing:-3px; 



正值为增大距离,负值为缩小距离.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值