css3文本效果

css3文本效果text-shadow,word-wrap

1. text-shadow:
   
   1. 在css3中我们可以给单调的文字加上阴影效果，赋予文字美感；
   2. text-shadow:h-shadow v-shadow blur color；
      
      1. h-shadow:（必须）水平阴影的位置，允许负值；
      2. v-shadow:(必需)垂直阴影的位置，允许负值；
      3. blur：（可选）模糊的距离；（锐化阴影）
      4. color：（可选）默认与字体同色；
   3. js语法：object.style.textShadow="2px 2px #ff0000"
   4. 该属性具有继承性；
2. word-wrap:
   
   1. 该属性允许长单词或url地址换行到下一行；
   2. normal/break-word
      
      1. normal：(默认)只允许在断字点换行；
      2. break-word：在长单词或url地址内部进行换行；
   3. js语法：object.style.wordWrap="break-word"
   4. 该属性具有继承性；

---

1. text-overflow:属性规定当文本溢出包含元素时发生的事情
   
   1. text-overflow：clip|ellipsis
      
      1. clip：修剪（超过外框宽度的剪掉）
      2. ellipsis：显示省略号来代表被修剪的文本；
         
         1. 加上white-space: nowrap规定段落中的文字不进行换行；
   2. js语法：object.style.textOverflow="ellipsis"
   3. 继承性：no

---

以下是现在的主流浏览器还不支持：
1. hunging-punctuation：规定标点字符是否位于线框之外。
2. punctuation-trim:规定是否对标点字符进行修剪。
3. text-emphasis:向元素的文本应用重点标记以及重点标记的前景色。
4. text-justify:规定当 text-align 设置为 “justify” 时所使用的对齐方法。(IE支持)
5. text-outline:规定文本的轮廓。