《五》CSS3文本

text-shadow:

text-shadow:用来定义文本阴影。

语法:text-shadow:h-shadow v-shadow blur color,第一个参数为水平阴影,第二个参数为垂直阴影,第三个参数为模糊的距离,第四个参数为阴影的颜色。

h1{
    text-shadow: 5px 5px 5px #FF0000;
}

text-overflow:

text-overflow:用来指定如何向用户显示溢出的文本内容。

属性值:

  1. clip:修剪文本。溢出容器的文本会被裁剪掉不显示。
  2. ellipsis:显示省略符号,来代表被修剪掉的文本。
  3. string:使用给定的字符串来代表被修剪掉的文本。目前所有浏览器都不支持。

text-overflow属性仅是内容注解,表明当文本溢出包含元素时发生的事情,并不具备样式定义的特性。必须再定义两个样式:强制文本一行内显示(white-space:nowrap)和溢出内容为隐藏(overflow:hhidden)。

text-fill-color:

text-fill-color:设置文字的填充颜色,默认值为transparent。可以做出一些例如渐变文字和镂空文字的效果。

若同时设置 text-fill-color和 color,text-fill-color定义的颜色将覆盖color属性;

text-stroke:

text-stroke:设置文字的描边。可以做出描边文字的效果。

word-wrap:

word-wrap:用来定义文本超过指定容器的边界时是否断开转行。

属性值:

  1. normal:只在允许的断字点换行(浏览器保持默认处理)。单词过长时会自动换到下一行,不会对单词进行中断处理,超出部分会延伸到容器外显示。
  2. break-word:在长单词或者URL地址内部进行换行。单词过长时会自动中断并换行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值