文本属性总结

Posted 2021-08-29 月疯

字体属性：
加粗{font-weight:bolder/bold/normal/100-900;}(更粗的、加粗、常规)
字体倾斜{font-style:italic/oblique/normal;}
文本是否大小写{font-vaiant：normal（正常字体）small-caps（小型的大写字母体）}
text-align：{left/right/center/justify}(justify对内容以俩段边界线对齐显示，俩端对齐经常不起作用)

line-height：{normal/数值}当单行文本的行高等于容器时，可实现单行文本在容器中垂直方向居中对齐。

垂直对齐方式：{vertical-align：top/bottom/middle;}当单行文本的行高等于容器高时，可实现单行文本在容器中垂直方向居中对齐；
line-height=height;

文本修饰：{text-decoration：}
说明：none：没有修饰（去掉下划线）
underline：添加下划线
overline：添加上划线
line-through：添加删除线
blink：闪烁（高版本的浏览器不支持blink属性）

首行缩进{text-indent：数值}
说明：
设置第一行的缩进值，负值是向前进，可设置数值或者百分比；
1、text-indent可以取负值，可实现隐藏文本，悬挂缩进
2、text-indent属性只对第一行起作用

字符缩进{letter-spacing;10px}
控制英文字母和汉子的字距
设置文字以及字母之间的间隔

词间距{word-spacing：normal/数值}
控制英文单词的间距。（通用于英文词和词之间的间距）

控制文本大小写：{text-transform：；}
说明：
1、none（默认值）
2、capitalize（每个单词首字母大写）
3、uppercase（都为大写字母）
4、lowercase（都喂小写字母）