css3文本效果text-shadow,word-wrap
- text-shadow:
- 在css3中我们可以给单调的文字加上阴影效果,赋予文字美感;
- text-shadow:h-shadow v-shadow blur color;
- h-shadow:(必须)水平阴影的位置,允许负值;
- v-shadow:(必需)垂直阴影的位置,允许负值;
- blur:(可选)模糊的距离;(锐化阴影)
- color:(可选)默认与字体同色;
- js语法:
object.style.textShadow="2px 2px #ff0000"
- 该属性具有继承性;
- word-wrap:
- 该属性允许长单词或url地址换行到下一行;
- normal/break-word
- normal:(默认)只允许在断字点换行;
- break-word:在长单词或url地址内部进行换行;
- js语法:
object.style.wordWrap="break-word"
- 该属性具有继承性;
- text-overflow:属性规定当文本溢出包含元素时发生的事情
- text-overflow:clip|ellipsis
- clip:修剪(超过外框宽度的剪掉)
- ellipsis:显示省略号来代表被修剪的文本;
- 加上
white-space: nowrap
规定段落中的文字不进行换行;
- 加上
- js语法:
object.style.textOverflow="ellipsis"
- 继承性:no
- text-overflow:clip|ellipsis
以下是现在的主流浏览器还不支持:
1. hunging-punctuation:规定标点字符是否位于线框之外。
2. punctuation-trim:规定是否对标点字符进行修剪。
3. text-emphasis:向元素的文本应用重点标记以及重点标记的前景色。
4. text-justify:规定当 text-align 设置为 “justify” 时所使用的对齐方法。(IE支持)
5. text-outline:规定文本的轮廓。