CSS3 文本效果

CSS3 文本效果

CSS3 。

  • text-shadow
  • word-wrap

属性
text-shadow
word-wrap

Internet Explorer 10、Firefox、Chrome、Safari 以及 Opera 支持 text-shadow 属性。

word-wrap 属性。

注释:Internet Explorer 9 持 text-shadow 属性。

CSS3 文本阴影

在 CSS3 中,text-shadow 用阴影。

果

颜色:

实例

阴影:

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

CSS3 自动换行

区域:

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

在 CSS3 中,word-wrap 换行 -

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

下面是 CSS 代码:

实例

下一行:

p {word-wrap:break-word;}

属性 描述 CSS
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 下一行。 3