css文本属性
属性 | 描述 |
---|---|
color | 设置文本颜色; |
direction | 设置文本方向;默认值:ltr(从左到右);rtl(从右到左) | inherit(从父元素继承 direction 属性的值) |
letter-spacing | 设置字符间距;默认值:normal(没有额外的空间);length(定义字符间的固定空间,允许使用负值) | inherit |
line-height | 设置行高;默认值:normal;number(设置数字,此数字会与当前的字体尺寸相乘来设置行间距) | length(固定的行间距) | %(基于当前字体尺寸的百分比行间距) | inherit |
text-align | 对齐元素中的文本;默认值:如果 direction 属性是 ltr,则默认值为 left;如果 direction 属性是 rtl,则默认值为 right; left | right |center | justify(实现两端对齐文本效果) |
text-decoration | 向文本添加修饰;默认值:none;overline(下划线) | underline(上划线) | line-through(删除线)等 |
text-indent | 缩进元素中文本的首行;默认值:0;%(基于父元素宽度的百分比的缩进) | inherit |
text-shadow | 设置文本阴影;默认值:none;语法:text-shadow: h-shadow v-shadow blur color h-shadow(必需,水平阴影的位置,允许负值) v-shadow(必需,垂直阴影的位置,允许负值 blur(可选,模糊的距离) color(可选) |
text-transform | 控制元素中的字母;默认值: |
unicode-bidi | 设置或返回文本是否被重写 ;默认值: |
vertical-align | 设置元素的垂直对齐;默认值:baseline |
white-space | 设置元素中空白的处理方式;默认值: |
word-spacing | 设置字间距;默认值:normal;length(定义单词间的固定空间) | inherit |
1、text-decoration
属性定义及使用说明
text-decoration 属性规定添加到文本的修饰,下划线、上划线、删除线等。
text-decoration 属性是以下三种属性的简写:
- text-decoration-line
- text-decoration-color
- text-decoration-style:几乎所有的主流浏览器都不支持 text-decoration-style 属性。
2、veritical-align
属性设置一个元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
值 | 描述 |
---|---|
baseline | 默认。元素放置在父元素的基线上。 |
sub | 垂直对齐文本的下标。 |
super | 垂直对齐文本的上标 |
top | 把元素的顶端与行中最高元素的顶端对齐 |
text-top | 把元素的顶端与父元素字体的顶端对齐 |
middle | 把此元素放置在父元素的中部。 |
bottom | 使元素及其后代元素的底部与整行的底部对齐。 |
text-bottom | 把元素的底端与父元素字体的底端对齐。 |
length | 将元素升高或降低指定的高度,可以是负数。 |
% | 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 |
inherit | 规定应该从父元素继承 vertical-align 属性的值。 |
3、letter-spacing与word-spacing的区别
语法:均是
*** : normal | length
参数:
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
letter-spacing:添加字符之间(包括中、英文)的空白,但最后一个字将被排除在外。
word-spacing:添加每个单词(单词,非字母)之间的空白,word-spacing对中文无效。