菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
73
0

css文本属性有哪些?

原创
05/13 14:22
阅读数 617

css文本属性有哪些?

1、text-align

控制文本的对齐方式

2、text-indent

控制文本首行的缩进,px或%都可;

3、white-space

文档中的空白处

属性值:(推荐学习:CSS视频教程

  • 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:允许长单词转换到下一行

Word-break:允许在单词内转行(自动换行)

11、文字摆放形式

direction: 文字摆放方向

属性值

  • ltl:从左往右

  • rtl:从右往左

12、文本超出换行

Word-warp:允许长单词转换到下一行

Word-break:允许在单词内转行(自动换行) ..

13、文字阴影:

text-shadow:参考盒子阴影

发表评论

0/200
73 点赞
0 评论
收藏
为你推荐 换一批