text-decoration

text-align | text-decoration | text-indent | text-overflow | text-shadow | text-transform

text-decoration

設定文字的裝飾。underline, overline, line-through, blink 可複選。可設為：

1. none：沒有裝飾，此為預設值。
2. underline：加底線。
3. overline：加頂線。
4. line-through：字中畫橫線。
5. blink：閃爍字。
6. inherit：繼承父元素的特徵值。

<p style='text-decoration: underline'> text-decoration: underline：加底線。</p> <p style='text-decoration: overline'> text-decoration: overline：加頂線。</p> <p style='text-decoration: line-through'> text-decoration: line-through：字中畫橫線。</p> <p style='text-decoration: blink'> text-decoration: blink：閃爍字。</p>

• 閃爍字只有 Firefox 可以展現；IE, Safari, Chrome 都不支援。

javascript 應用。可以用 style 物件 的特徵 textDecoration 讀取或設定特徵值。 <div id='atr3' style='text-align:right; text-decoration:none; text-indent:40px; text-transform:uppercase; background:blue; width:150px; height:100px'> 射擊遊戲, 益智遊戲, 好玩遊戲, 搏擊遊戲. </div> <script type='text/javascript'> var os=document.getElementById('atr3').style; document.write( os.textDecoration ); </script>