当前第2页 返回上一页
word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近:
1 2 3 4 5 6 7 8 9 10 | p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}
< p class = "spread" >
This is a paragraph. The spaces between words will be increased.
</ p >
< p class = "tight" >
This is a paragraph. The spaces between words will be decreased.
</ p >
|
四、字母间隔
letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。
与 word-spacing 属性一样,letter-spacing 属性的可取值包括所有长度。默认关键字是 normal(这与 letter-spacing:0 相同)。输入的长度值会使字母之间的间隔增加或减少指定的量:
1 2 3 4 5 | h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}
< h1 >This is header 1</ h1 >
< h4 >This is header 4</ h4 >
|
相关推荐:CSS教程
以上就是css文本属性有哪些的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css怎么实现两端对齐
如何隐藏css元素
什么是css的高度塌陷
bootstrap.css样式表是什么
css中常用的水平垂直居中对齐方法有哪些
html5的classlist属性操作css类的使用详解
javascript和css交互的5种方法的学习
css如何让字体下沉
css能做什么
css中怎么设置字体下划线
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css文本属性有哪些