欢迎使用CSDN-markdown编辑器

CSS3 文本效果

新的文本属性
hanging-punctuation 规定标点字符是否位于线框之外。 3
punctuation-trim 规定是否对标点字符进行修剪。 3
text-align-last 设置如何对齐最后一行或紧挨着强制换行符之前的行。 3
text-emphasis 向元素的文本应用重点标记以及重点标记的前景色。 3
text-justify 规定当 text-align 设置为 “justify” 时所使用的对齐方法。 3
text-outline 规定文本的轮廓。 3
text-overflow 规定当文本溢出包含元素时发生的事情。 3
text-shadow 向文本添加阴影。 3
text-wrap 规定文本的换行规则。 3
word-break 规定非中日韩文本的换行规则。 3
word-wrap 允许对长的不可分割的单词进行分割并换行到下一行。

大部分效果主流浏览器不支持

text-shadow 语法

text-shadow: h-shadow v-shadow blur color;

text-overflow 语法

text-overflow: clip|ellipsis|string;

修剪文本 I 显示省略符号来代表被修剪的文本 I 使用给定的字符串来代表被修剪的文本。

所有主流浏览器都支持 text-overflow 属性。

div.test
{
white-space:nowrap; ／／文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
width:12em; 
overflow:hidden; 
}

div.test:hover
{
text-overflow:inherit;
overflow:visible;
}