text-decoration

說明

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

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

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

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

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

以下表格列出了CSS 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;}