关注前端 | 前端博客
当前位置: CSS3 > C3-新增文本属性

C3-新增文本属性

2018-07-08 分类:CSS3 作者:管理员 阅读(129)

text-overflow

定义文本溢出时所做的事,结合white-space、overflow属性一同使用,分别有3个值:
clip:超出时裁剪文本
ellipsis:超出时显示省略号
inherit:继承

word-break

规定文本换行的规则,有3个值:
normal:浏览器默认换行规则
break-all:允许在单词内换行,支持中文换行
keep-all:只能在半角空格和连接字符换行

word-wrap

允许将长单词或这url地址进行换行,2两个值:
nolmal:浏览器默认规则
break-word:在长单词或 URL 地址内部进行换行

text-shadow 文本阴影:

text-shadow:
     取值:x   y   blur    color,可以跟多个属性,用逗号隔开
               x      横向偏移
               y      纵向偏移
              blur      模糊距离(灰度)
              color    阴影颜色

text-stroke 描边:

复合属性,兼容内核为-webkit-前缀的浏览器,两个属性为:
    -webkit-text-stroke-width:描边的宽度;
    -webkit-text-stroke-color:描边的颜色值;
复合写法:-webkit-text-stroke: 2px #fcadf0;

text-fill-color 文字的填充颜色:

与color一起用时,会覆盖color值,语法:
    -webkit-fill-color: color;
与text-stroke一起做的一个镂空字体;
    -webkit-fill-color: transparent;

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(0) 打赏

感谢您让我添加个鸡腿!

支付宝
微信
0

感谢您让我添加个鸡腿!

支付宝
微信
标签:

上一篇:

下一篇:

共有 0 条评论 - C3-新增文本属性

博客简介

一位不知名的前端工程师,专注全栈技术,分享各种所遇问题与个人心得,梦想成为一位知名大神!

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线