このエントリーをはてなブックマークに追加


スタイルシートを使って文字列に下線・上線・取り消し線を設定する

text-decorationを使って文字列に下線・上線・取り消し線を設定してみます。


スポンサーリンク

関連記事

サンプルHTMLソース

text-decoration : none<br />
<div style="text-decoration : none">
none
</div>

text-decoration : underline<br />
<div style="text-decoration : underline">
underline
</div>

text-decoration : overline<br />
<div style="text-decoration : overline">
overline
</div>

text-decoration : line-through<br />
<div style="text-decoration : line-through">
line-through
</div>
設定値説明
text-decoration : none通常
text-decoration : underline下線
text-decoration : overline上線
text-decoration : line-through取り消し線

確認用URL

上記HTMLの確認用リンクです。
http://web.just4fun.biz/css/4/decoration.html

 
01.gif
 

以上、文字列に下線・上線・取り消し線を設定する方法でした。


スポンサーリンク

添付ファイル: file01.gif 94件 [詳細] filedecoration.html 83件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2015-03-20 (金) 22:35:49 (1335d)