第二十一章 CSS3文本效果
****************************************************
*查询适应的最低版本,可以去:“http://caniuse.com”*
****************************************************
一、文本阴影(CSS3提供了text-shadow文本阴影效果)
浏览器支持情况如下
Opera Firefox Chrome IE Safari
text-shadow 9.5+ 3.5+ 4+ 10+ 3.1+
二、文本裁剪
CSS3提供了textoverflow属性来控制文本溢出,作用是对溢出部分进行裁剪,然后判定是否加省略号,属性如下
(1)clip :默认值,裁剪文本时不添加省略号。
(2)ellipsis :裁剪文本时添加省略号。
对于textoverflow 支持度,是根据他的属性值来判断的
Opera Firefox Chrome IE Safari
(1)clip 9.63+ 2.0+ 1.0+ 6.0+ 3.1+
(2)ellipsis 10.5+ 6.0+ 1.0+ 6.0+ 3.1+
//在Opera早期版本10.0~10.1中,需要使用前缀-o- 。其他不用。
三、文本描边
CSS3提供了描边属性,既text-storke、text-storke-width、text-storke-color、目前只有webkit引擎的浏览器支持,且必须加上-webkit-前缀才能有效
属性 Opera Firefox Chrome IE Safari
ext-storke系列 15.0+ 不支持 4.0+ 不支持 3.1+
//不配和样式时,和color属性没区别
//和CSS3背景的新特效搭配产生渐变文字。