Text Decoration
テキストに装飾をします。
値は、アンダーライン・オーバーライン・打ち消し線の3種類のキーワードで指定します。HTMLの<U>・<S>・<STRIKE>に相当しますが、HTML.4.01では非推奨要素となり、CSSでの指定を推奨しています。指定がない場合は、「none」になります。
LINKのアンダーラインを「none」で消すことができます。
●関連プロパティ
{ text-decoration : none | underline | overline | line-through }
アンダーラインで指定
指定した範囲に、アンダーラインを引きます。
HTMLの<U>タグに相当します。
{ text-decoration : underline }
<p style="text-decoration: underline; font-family: Arial;>Text Decoration Underline</p>
Text Decoration Underline
オーバーラインで指定
指定した範囲に、オーバーラインを引きます。
{ text-decoration : overline }
<p style="text-decoration: overline; font-family: Arial;>Text Decoration Overline</p>
Text Decoration Overline
<p style="text-decoration: overline; font-family: Arial;>Text Decoration Overline</p>
Text Decoration Overline
打ち消しで指定
指定した範囲に、打ち消し線を引きます。
HTMLの＜S＞タグに相当します。
{ text-decoration : line-through }
<p style="text-decoration: line-through; font-family: Arial;>Text Decoration Line-through</p>
Text Decoration Line-through
リンク罫線の消し方
リンクには、「A:LINK」・「A:VISITED」・「A:ACTIVE」・「A:HOVER」があります。
サンプルのように指定すると、リンク行の罫線を消すことができます。 リンクについて詳しくは、擬似クラスセレクタのリンクのページで説明しています。
<a style="text-decoration: underline;" href="#top">Link
Text Decoration underline</a></p>
<a style="text-decoration: none;" href="#top">Link Text Decoration
None</a></p>
 |
 |
|---|
