css文本属性
1、text-align
控制文本的对齐方式
2、text-indent
控制文本首行的缩进,px或%都可;
3、white-space
文档中的空白处
属性值:
- noraml: 默认忽略多个空格,只输出一个空格 .
- nowrap: 强制不换行
- pre:空格/缩进/换行 会给保留
- pre-line:合并空表(多个空格只会输出一个空格)
- pre-warp:保留空白/缩进,正常换行 ;
4、letter-spacing
控制字母之间的距离;
5、text-overflow
当文本溢出包含元素时发生的事情;
属性值:
- clip 修剪文本。
- ellipsis 显示省略符号来代表被修剪的文本。
- string 使用给定的字符串来代表被修剪的文本。
6、word-spacing
控制单词间空格的距离,以空格来区分单词,中英都OK;
7、text-decoration
控制文本是否有下划线,可能值有
- none 没有下划线
- overline 定义文本上的一条线。
- line-through 定义穿过文本下的一条线。
- underline 定义文本下的一条线。
8、转换大小写:
text-transform:
属性值: none(默认) 无转换;
- capitalize:每个单词第一个字母为大写;
- upercase :转换成大写;
- lowercase:转换成小写;
9、边框属性
border-radius :60px 30px 40px 50px /左上 右上 右下 右左 /50%为圆
10、文本超出换行
Word-warp:允许长单词转换到下一行。normal|break-word
Word-break:允许在单词内转行(自动换行)。word-break: normal|break-all|keep-all;
11、文字摆放形式
direction: 文字摆放方向
属性值
- ltr:从左往右
- rtl:从右往左
12、文字阴影:
text-shadow:h-shadow v-shadow blur color;
作者:黄哈哈。
原文链接:https://www.cnblogs.com/jiajia-hjj/p/14638982.html
本博客大多为学习笔记或读书笔记,本文如对您有帮助,还请多推荐下此文,如有错误欢迎指正。