text-decoration

説明

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

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

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

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

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

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

設置 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;}