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;}

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>