CSS text-decoration 屬性 · W3School CSS 參考手冊

# CSS text-decoration 屬性 ## 實例設置 h1、h2、h3、h4 元素的文本修飾： ``` h1 {text-decoration:overline} h2 {text-decoration:line-through} h3 {text-decoration:underline} h4 {text-decoration:blink} ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 text-decoration 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。注釋：IE、Chrome 或 Safari 不支持 "blink" 屬性值。 ## 定義和用法 text-decoration 屬性規定添加到文本的修飾。注釋：修飾的顏色由 "color" 屬性設置。 ### 說明這個屬性允許對文本設置某種效果，如加下劃線。如果后代元素沒有自己的裝飾，祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.textDecoration="overline" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | none | 默認。定義標準的文本。 | | underline | 定義文本下的一條線。 | | overline | 定義文本上的一條線。 | | line-through | 定義穿過文本下的一條線。 | | blink | 定義閃爍的文本。 | | inherit | 規定應該從父元素繼承 text-decoration 屬性的值。 | ## TIY 實例 [修飾文本](/tiy/t.asp?f=csse_text-decoration) 本例演示如何向文本添加修飾。 ``` <html> <head> <style type="text/css"> h1 {text-decoration: overline} h2 {text-decoration: line-through} h3 {text-decoration: underline} h4 {text-decoration:blink} a {text-decoration: none} </style> </head> <body> <h1>這是標題 1</h1> <h2>這是標題 2</h2> <h3>這是標題 3</h3> <h4>這是標題 4</h4> <p><a href="http://www.w3school.com.cn/index.html">這是一個鏈接</a></p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 文本](/css/css_text.asp "CSS 文本") HTML DOM 參考手冊：[textDecoration 屬性](/jsref/prop_style_textdecoration.asp "HTML DOM textDecoration 屬性")