サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
文字の装飾
- 文字の装飾(上線、下線、抹消線、点滅)には、
text-decorationプロパティを指定します。 - 複数を同時に指定する場合は、半角スペースで区切って指定します。
- a{text-decoration: none;}
- 下線付きの文字(a)を下線なしで表示することができます。
- [使い方]
- .sample{text-decoration: underline;}
プロパティ名 | 値 | 説明 |
---|---|---|
text-decoration: | underline; | 下線 |
overline; | 上線 | |
line-through; | 抹消線 | |
blink; | 点滅 | |
none; | 指定なし(標準値・初期設定値) |
サンプル
[headの中]
<style type="text/css"><!--
.sample1{text-decoration: none;}
.sample2{text-decoration: underline;}
.sample3{text-decoration: overline;}
.sample4{text-decoration: line-through;}
.sample5{text-decoration: blink;}
.sample6{text-decoration: underline overline line-through;}
-->
</style>
[bodyの中]
<p class="sample1">標準値・初期値・・・・指定はありません。</p><p class="sample2">下線を付けます。</p>
<p class="sample3">上線を付けます。</p>
<p class="sample4">打ち消し線を付けます。</p>
<p class="sample5">Netscape Navigatorの場合に点滅します。</p>
<p class="sample6">下線・上線・打ち消し線を付けます。</p>
[ブラウザ上]
標準値・初期値・・・・指定はありません。
下線を付けます。
上線を付けます。
打ち消し線を付けます
Netscape Navigatorの場合に点滅します。
下線・上線・打ち消し線を付けます。