一、CSS1&2中的文本属性(W3C标准)
|
text-indent
|
CSS1
|
检索或设置对象中的文本的缩进
|
|
letter-spacing
|
CSS1
|
检索或设置对象中的文字之间的间隔
|
|
word-spacing
|
CSS1
|
检索或设置对象中的单词之间插入的空格数。
|
|
vertical-align
|
CSS1/CSS2
|
设置或检索对象内容的垂直对其方式
|
|
white-space
|
CSS1
|
设置或检索对象内空格的处理方式
|
|
direction
|
CSS2
|
检索或设置文本流的方向
|
|
unicode-bidi
|
CSS2
|
用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用
|
|
line-height
|
CSS1
|
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离
|
二、CSS3 新增的文本属性
|
属性
|
版本
|
简介
|
|
text-overflow
|
CSS3
|
设置或检索是否使用一个省略标记（...）标示对象内文本的溢出
|
|
text-align
|
CSS1/CSS3
|
设置或检索对象中文本的对齐方式
|
|
text-transform
|
CSS1/CSS3
|
检索或设置对象中的文本的大小写
|
|
text-decoration
|
CSS1/CSS3
|
复合属性。检索或设置对象中的文本的装饰，如下划线、闪烁等
|
|
text-decoration-line
|
CSS3
|
检索或设置对象中的文本装饰线条的位置。
|
|
text-decoration-color
|
CSS3
|
检索或设置对象中的文本装饰线条的颜色。
|
|
text-decoration-style
|
CSS3
|
检索或设置对象中的文本装饰线条的形状。
|
|
text-shadow
|
CSS3
|
设置或检索对象中文本的文字是否有阴影及模糊效果
|
|
text-fill-color
|
CSS3
|
设置或检索对象中的文字填充颜色
|
|
text-stroke
|
CSS3
|
复合属性。设置或检索对象中的文字的描边
|
|
text-stroke-width
|
CSS3
|
设置或检索对象中的文字的描边厚度
|
|
text-stroke-color
|
CSS3
|
设置或检索对象中的文字的描边颜色
|
|
tab-size
|
CSS3
|
检索或设置对象中的制表符的长度
|
|
word-wrap
|
CSS3
|
设置或检索当当前行超过指定容器的边界时是否断开转行
|
1.text-overflow属性
作用：设定内容溢出状态下的文本处理方式。
取值：
clip：默认值当对象内文本溢出时不显示省略标记（...），而是将
溢出的部分裁切掉。
ellipsis：当对象内文本溢出时显示省略标记（...）。
注意:该属性需要和over-flow:hidden属性(超出处理)还有white-space:nowrap(禁止换行)配合使用，否则无法看到效果
<style> p{width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} </style> <body> <p>哇塞，有灰机灰过去了，一会又一架灰机灰来了</p> </body>
2.text-align属性
作用:设定文本对齐方式
取值：
left ：默认值 内容左对齐。
center：内容居中对齐。
right： 内容右对齐。
justify：内容两端对齐。写本文档时仅Firefox能看到正确效果（只有火狐支持）
start： 内容对齐开始边界。（CSS3）
end： 内容对齐结束边界。（CSS3）
<style> p{text-align:start; border:1px solid red; direction:rtl; /*将文档流变成从右向左书写*/ unicode-bidi:bidi-override; } </style> <body> <p>看看我在哪里，左边还是右边还是中间捏？</p> <!-- 在从左向右书写的文字中，左是开始,右是结束(汉语、英语) left=start right=end 在从右向左书写的文字中，右是开始,左是结束(维语) left=end right=start ---> </body>
3.text-transform属性
作用：设定文本的大小写等形式的转换
取值：
none：默认值无转换
capitalize：将每个单词的第一个字母转换成大写
uppercase：转换成大写
lowercase：转换成小写
full-width：将左右字符设为全角形式（CSS3）不支持
full-size-kana：将所有小假名字符转换为普通假名（CSS3）不支持
例如：土耳其语。