テキストを装飾する

テキストを装飾する表示例

テキストの下にライン、上部にライン、取り消し線、点滅の装飾を指定します。値を空白スペースで区切ることで複数の指定をすることが出来ます。

値の指定方法

テキストを装飾する

none
テキストを装飾しない
underline
テキストに下部にライン
overline
テキストの上部にライン
line-through
テキストに取り消し線
blink
テキストの文字を点滅

HTML/XHTML

<p>これが標準のテキスト</p>
<p class="text1">テキストに下部にライン</p>
<p class="text2">テキストの上部にライン</p>
<p class="text3">テキストの上部と下部にライン</p>
<p class="text4">テキストに取り消し線</p>
<p class="text5">テキストの文字を点滅</p>

CSS

<style type="text/css">
<!--
.text1 { text-decoration: underline; }
.text2 { text-decoration: overline; }
.text3 { text-decoration: underline overline; }
.text4 { text-decoration: line-through; }
.text5 { text-decoration: blink; }
-->
</style>

テキストを装飾する表示例

はてなブックマーク数 このエントリーをはてなブックマークに追加 Yahoo!ブックマークに登録