text-decoration

text-decoration在html語言中表示屬性規定添加到文本的修飾（例如加下劃線）。修飾的顏色由 "color" 屬性設定。

基本介紹

• 中文名：text-decoration
• 默認值：none
• 繼承值：no
• 版本：CSS1

定義和用法

說明

這個屬性允許對文本設定某種效果，如加下劃線。如果後代元素沒有自己的裝飾，祖先元素上設定的裝飾會“延伸”到後代元素中。不要求用戶代理支持 blink。

需要注意的是：修飾的顏色由 "color" 屬性設定。

默認值：	none
繼承性：	no
版本：	CSS1
JavaScript 語法：	object.style.textDecoration="overline"

瀏覽器支持

所有主流瀏覽器都支持 text-decoration 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

注釋：IE、Chrome 或 Safari 不支持 "blink" 屬性值。

可能的值

以下表格列出了 CSS text-decoration 屬性的可能取值：

值	描述
none	默認。定義標準的文本。
underline	定義文本下的一條線。
overline	定義文本上的一條線。
line-through	定義穿過文本下的一條線。
blink	定義閃爍的文本。
inherit	規定應該從父元素繼承 text-decoration 屬性的值。

實例

設定 h1、h2、h3、h4 元素的文本修飾：

h1 {text-decoration:overline}

h2 {text-decoration:line-through}

h3 {text-decoration:underline}

h4 {text-decoration:blink}

詳細信息

語法：

text-decoration:none||underline||blink||overline||line-through

取值：

none:　默認值。無裝飾

blink:　閃爍

underline:　下劃線

line-through:　貫穿線

overline:　上劃線

說明：

檢索或設定對象中的文本的裝飾。

有href特性的a，以及u，ins對象默認值為underline。

對象strike，s，del，默認值是line-through。

假如none值在屬性聲明的最後，所有的先前的其他取值都會被清除。例如，聲明text-decoration:underline overline blink none等於聲明text-decoration:none。

假如對象沒有文本(如img元素)或者是空元素(如：)，此屬性不會發生作用。

假如你設定body對象的此屬性值為none，a對象將依然保持其原有的下劃線樣式。除非你針對a對象聲明此屬性值。

指定塊對象的此屬性將影響其所有內聯子對象。而此影響一旦發生，塊對象容器最終會受到影響。

在IE4+中可用的值為overline和blink。雖然blink值被提供，但它不會被作用。

此屬性對於currentStyle對象而言是唯讀的。對於其他對象而言是可讀寫的。

對應的腳本特性為textDecoration。

示例：

div{text-decoration:underline;}

div{text-decoration:underlineoverline;}