CSS文本属性

text-indent(缩进文本):只能应用于块级元素,不能用于行内元素,常用于将段落首航缩进;

text-align(水平对齐):影响一个元素中的文本行相互之间的对齐方式;

text-align:center与<CENTER>的区别:<CENTER>不仅影响文本,还会把整个元素居中,但text-align不会控制元素对齐,只影响其内部内容;

一个元素的行间距 = line-height的计算值 - font-size的计算值,行间距有可能是负值,除以2将行间距的一半分别应用到内容区的顶部和底部,就是该元素的行内框;

垂直对齐文本:vertical-align只应用于行内元素和替换元素,如图像表单元素,且该属性不能继承;

基线对齐:vertical-align:baseline要求一个元素的基线与其父元素的基线对齐;

底框对齐:vertical-align:bottom将元素行内框的底端与行宽的底端对齐;

居中对齐:vertical-align:middle把行内元素的中点与父元素基线上方0.5ex处的一个点对齐;

字间隔:word-spacing;

字母间隔:letter-space;

文本转换:text-transform:uppercase | lowcase | capitalize(只对每个单词的首字母大写) | none | inherit;

文本装饰:text-decoration:none |[ underline || overline || line-through || blink ]|,希望既有上划线又有下划线:a:link{text-decortion:underline overline};

文本阴影:text-shadow:none | [ <color> || <length> <length> <length>?,]* [ <color> || <length> <length> <length>?] | inherit,前两个长度值确定了阴影

       与文本的偏移距离,第三个长度值可选,定义了阴影的模糊半径,如:text-shadow : green 5px 0.5em

处理空白符:white-space:normal | nowrap | pre | pre-wrap | pre-line | inherit

空白符 换行符 自动换行
pre-line 合并 保留 允许
normal 合并 忽略 允许
nowrap 合并 忽略 不允许
pre 保留 保留 不允许
pre-warp 保留 保留 允许

文本方向:direction:ltr(left to right) | rtl | inherit,影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向,以及两端元素中最后一行的位置。

原文地址:https://www.cnblogs.com/xyddm/p/9289669.html