| 文字に装飾 （詳細情報） |
|---|
| 対応 |
Internet Explorer 4 ↑
Netscape 4 ↑ （ブラウザの対応）
|
| 字体 |
text-decoration:★;
|
| 指定 |
★の部分に下記の「 」内 の効果を指定していきます。
複数指定する場合は半角スペースで区切ってださい。上下に線をつけたりも可能。
text-decoration:none; で、リンクの下線を消したりすることもあります。
- 「underline」 文字に下線を付けれます。
- 「overline」 文字に上線を付けれます。（Netscape 4 未対応）
- 「line-through」 文字の真ん中に取消し線を付けれます。
- 「none」 飾りを何もない状態にします。（例：リンク下線消すなど）
|
| 効果 |
文字に下線や上線や打消し線などを付けたりすることができます。 |
| 例１ |
<div style="text-decoration:underline;";>サンプル用の文字</div> |
| 結果 |
サンプル用の文字 |
| 例２ |
<div style="text-decoration:overline underline;";>サンプル用の文字</div> |
| 結果 |
サンプル用の文字 |
| 解説 |
下線と上線を両方つけることも可能です。例２
|
