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

网页制作 2024/12/23 佚名

3 2 1

帝王谷资源网 Design By www.wdxyy.com

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;
}

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

css,letter-spacing,word-spacing

标签：

css,letter-spacing,word-spacing

帝王谷资源网 Design By www.wdxyy.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

帝王谷资源网 Design By www.wdxyy.com

评论“CSS文字控制之letter-spacing和word-spacing”

暂无评论...

www.wdxyy.com 帝王谷资源网

139,976互联网资源

144,792高清电影

21,817无损音乐

631,128技术资源

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

css,letter-spacing,word-spacing

ie6 大环境下暂时不要考虑w3c标准

CSS 群组化选择符

评论“CSS文字控制之letter-spacing和word-spacing”

更新日志

友情链接