? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?第二十一章 CSS3文本效果

??????????????????????????????????????????????????????????????????????????????****************************************************

??????????????????????????????????????????????????????????????????????????????*查詢適應(yīng)的最低版本，可以去：“http://caniuse.com”*

??????????????????????????????????????????????????????????????????????????????****************************************************

一、文本陰影（CSS3提供了text-shadow文本陰影效果）

??????瀏覽器支持情況如下

?????????????????????????Opera ????Firefox ????Chrome ???IE ???Safari

????????text-shadow ??????9.5+ ??????3.5+ ??????4+ ??????10+ ???3.1+

二、文本裁剪

?????CSS3提供了textoverflow屬性來控制文本溢出，作用是對溢出部分進(jìn)行裁剪，然后判定是否加省略號，屬性如下

????????（1）clip ????：默認(rèn)值，裁剪文本時不添加省略號。

????????（2）ellipsis ：裁剪文本時添加省略號。

?????對于textoverflow 支持度，是根據(jù)他的屬性值來判斷的

??????????????????????????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屬性沒區(qū)別

??????//和CSS3背景的新特效搭配產(chǎn)生漸變文字。

轉(zhuǎn)載于:https://www.cnblogs.com/keshuai752100461/p/8485207.html

總結(jié)

以上是生活随笔為你收集整理的27.CSS3文本效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。