例
設置<H1>,<H2>,文本裝飾<h3>元素:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
試一試» 定義和用法
該text-decoration屬性指定添加到文本裝飾。
Note:在CSS3的text-decoration屬性是一個速記屬性文字裝飾線 , 文本裝飾色和文本裝飾風格 ,但是這是目前沒有在任何主流瀏覽器的支持。
Note:在CSS3可以使用文本裝飾色屬性來改變裝飾的顏色,否則顏色是相同的文字的顏色。
默認值: | none |
---|---|
遺傳: | no |
動畫: | no, see individual properties . Read about animatable |
版: | CSS1, renewed in CSS3 |
JavaScript語法: | object .style.textDecoration="underline" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS語法
text-decoration: none|underline|overline|line-through|initial|inherit;
屬性值
值 | 描述 | 播放 |
---|---|---|
none | 定義一個普通的文本。 這是默認 | 播放 ” |
underline | 定義文本下方的行 | 播放 ” |
overline | 定義文本上面一行 | 播放 ” |
line-through | 通過文字定義行 | 播放 ” |
initial | 將此屬性設置為默認值。 閱讀關於初始 | 播放 ” |
inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
相關頁面
CSS教程: CSS文本
HTML DOM參考: textDecoration property