CSS文本属性笔录

2018-02-09 12:39:46来源:http://570109268.iteye.com作者:青春..荒唐人点击

分享

下面介绍下关于文本属性的详解

目录列表:

①direction方向;②letter-spacing字母间距;③text-decoration文本装饰(上下划线,贯穿线);

④text-indent文本缩进;⑤text-shadow(文字阴影);⑥

 

 

下面为属性详解:

①direction(方向)规定文本的方向 / 书写方向

 属性值:ltr默认,文本方向从左到右;rtl文本方向从右到左

<style type="text/css">div.one{   direction: rtl}div.two{   direction: ltr}</style><div >Some text. Right-to-left direction.</div><div >Some text. Left-to-right direction.</div>

 ②letter-spacing(字母间距)设置字符间距

 属性值:normal默认,规定字符间没有额外的空间;length定义字符间的固定空间(允许使用负值)

 ③text-decoration(文本装饰)规定添加到文本的装饰效果

 常用场景:上划线,下划线,贯穿线,文本闪烁(基本无浏览器支持);

 属性值:

 none默认,定义标准的文本;underline下划线;overline上划线;line-through贯穿线;blink文本闪烁

 ④text-indent(文本缩进)规定文本块首行的缩进

 ⑤text-shadow(文字阴影)规定添加到文本的阴影效果

 可以通过对text-shadow属性设置相关的属性值,来实现现一些需要的字体阴影效果,减少了图片的使用

 具体我在后面文章http://570109268.iteye.com/admin/blogs/2410571里做了总结

 

 

 

 

.

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台