Design Code 設計密碼

CSS3 包含多個新的文本特性。

• 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 自動換行

單詞太長的話就可能無法超出某個區域：

在CSS3 中，word-wrap 屬性允許您允許文本強製文本進行換行- 即使這意味著會對單詞進行拆分：

下面是CSS 代碼：

實例

允許對長單詞進行拆分，並換行到下一行：

p {word-wrap:break-word;}