文字に下線を引く

灰色背景がサンプルソース

サンプルソース

HTMLソース

このclass="ub"を記述したタグ内に記述された<span class="ub">文字に下線(アンダーバー)</span>を引く。

CSSソース

.ub {text-decoration:underline;}

サンプル表示

→文字に下線を引く(サンプル)

解説

HTMLソース

文字に下線を引きたい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<span class="ub">文字に下線(アンダーバー)</span>としています。

CSSソース

.ub {text-decoration:underline;}と記述します。
これは、class="ub"を指定したタグでくくられた箇所に「下線を表示する」という意味です。
underlineが下線ということを指定しています。

なお、文字の上に線を引きたい場合はunderlineの代わりにoverlineと書けばOKです。

例)文字の上に線を引きたい時のCSS
.ob {text-decoration:overline;}