10月 122011
灰色背景がサンプルソース薄緑背景が実際の見た目
サンプルソース
HTMLソース
このclass=”ub”を記述したタグ内に記述された<span class=”ub”>文字に下線(アンダーバー)</span>を引く。
CSSソース
.ub {text-decoration:underline;}
サンプル表示
このclass=”ub”を記述したタグ内に記述された文字に下線(アンダーバー)を引く。
解説
HTMLソース
文字に下線を引きたい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<span class=”ub”>文字に下線(アンダーバー)</span>としています。
CSSソース
.ub {text-decoration:underline;}と記述します。
これは、class=”ub”を指定したタグでくくられた箇所に「下線を表示する」という意味です。
underlineが下線ということを指定しています。
なお、文字の上に線を引きたい場合はunderlineの代わりにoverlineと書けばOKです。
例)文字の上に線を引きたい時のCSS
.ob {text-decoration:overline;}