css ---text文本属性

1、对齐方式--------text-align

文本水平居中:text-align:center;

文本左右,两端对齐:text-align:right;

文本左右边距对齐,每一行展开的宽度相等(如报纸、杂志)text-align:justify

2、文本修饰---------- text-decoration(下划线)

删除文本链接下划线 : text-decoration:none

上划线:text-decoration:overline;

文本中划线:text-decoration:line-through;

文本下划线:text-decoration:underline;

3、文本转换------------text-transform

所有大写字母转为小写:text-transform:lowercase;

所有小写字母转为大写字母:text-transform:uppercase;

文本转为首字母大写:text-transform:capitalize;

4、文本缩进--------------text-indent

指定文本第一行的缩进,例如:p{text-indent:20px}

5、文本字符之间的间距---------------letter-spacing

6、文本行与行之间的间距-----------------line-height

7、文本书写方向-----------------------direction


文本书写方向

8、文本与图片的对齐方式---------vertical-align

默认值,基线对齐 :vertical-align: baseline; 

顶端对齐:vertical-align: top; 

底端对齐:vertical-align: bottom; 

 居中:vertical-align: middle;

典型应用:图片与图片、图片与文字、图片与文本框对齐

9、元素内部文字换行-------------white-space

禁止换行:white-space:nowrap;

默认:white-space:normal;

保留空白符,正常换行:white-space:pre-wrap;

合并空白符序列,保留换行符:white-space:pre-line

10、文本阴影-----------text-shadow


文字阴影示例

你可能感兴趣的:(css ---text文本属性)