文字を装飾するには、text-decoration プロパティーを使用します。
使用できる値は以下のとおりです。
複数の値を同時に指定する場合は、スペース区切りで指定します。
◆値 none 装飾なし。初期値です。 underline テキストに下線を付ける。 overline テキストに上線が付ける。 line-through テキストに打ち消し線を付ける。 blink テキストを点滅させる。
それでは実際に記述してみます。
<p style="text-decoration: none;">装飾なし。</p> <p style="text-decoration: underline;">下線が付きます。</p> <p style="text-decoration: overline;">上線が付きます。</p> <p style="text-decoration: line-through;">打ち消し線が付きます。</p> <p style="text-decoration: line-through;">点滅します。</p>
上記の結果は、以下のようになります。
装飾なし。
下線が付きます。
上線が付きます。
打ち消し線が付きます。
点滅します。
[対象]
CSS3
CSS2.1
CSS2