灰色背景がサンプルソース薄緑背景が実際の見た目
打ち消し線を表示したい文字をdelタグで囲みます。
ここでは、<del>こんな風に</del>としています。
以前書いたことについて、比較・訂正したい場合に使うと良いでしょう。
冗談として、建前と本音を書く場合に使うのもありかもしれません。
本項目はHTMLのみで実現できる為、CSSは記述する必要がありません。
灰色背景がサンプルソース薄緑背景が実際の見た目
文章を右寄せにしたい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<p class=”tright”>～文章～</p>としています。
.tright {text-align:right;}と記述します。
これは、class=”tright”を指定したタグでくくられた文章を「右寄せで表示する」という意味です。
text-alignがテキストをどこ寄せにするのかを指定する部分で、rightで具体的に右に寄せるということを指定しています。
灰色背景がサンプルソース薄緑背景が実際の見た目
文章を中央寄せにしたい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<p class=”tcenter”>～文章～</p>としています。
.tcenter {text-align:center;}と記述します。
これは、class=”tcenter”を指定したタグでくくられた文章を「中央寄せで表示する」という意味です。
text-alignがテキストをどこ寄せにするのかを指定する部分で、centerで具体的に中央に寄せるということを指定しています。
灰色背景がサンプルソース薄緑背景が実際の見た目
文字に下線を引きたい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<span class=”ub”>文字に下線(アンダーバー)</span>としています。
.ub {text-decoration:underline;}と記述します。
これは、class=”ub”を指定したタグでくくられた箇所に「下線を表示する」という意味です。
underlineが下線ということを指定しています。
なお、文字の上に線を引きたい場合はunderlineの代わりにoverlineと書けばOKです。
例)文字の上に線を引きたい時のCSS
.ob {text-decoration:overline;}
灰色背景がサンプルソース薄緑背景が実際の見た目
文字の大きさを固定したい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<div class=”fixsize”>このclass=”fixsize”を記述したタグ内のみ、文字の大きさを固定化する。</div>としています。
.fixsize {font-size:14pt;}と記述します。
これは、class=”fixsize”を指定したタグでくくられた箇所の文字を「フォントサイズ14pt(ポイント)で表示する」という意味です。
なお、14という数字を小さくすれば小さい文字で固定、大きくすれば大きい文字で固定することも可能です。
小さすぎる文字で固定してしまうと目の悪い方には非常に見づらいページとなってしまいます。
デザイン上どうしてもメニュー幅又は高さを固定したくて・・・。等といったやむをえない場合を除いては固定はしない方が良いと思います。
また、FireFox1.5やOpera9等の新しいブラウザでは、上記の様に文字サイズを固定しても、文字サイズの拡大・縮小が出来るようになっています。
もう、文字サイズの固定という考え方自体が古いものになりつつあるのかもしれません。