《2007/4/28 土曜日 22:24:43 公開》
強調の装飾を無効にする [テキスト]
HTMLには強調を表現する要素として、em要素とstrong要素の2つがあります。emが「強調」、strongが「より強い強調」です。代表的なブラウザでは、em要素は斜体で、strong要素は太字で表示します。
たいてい強調に使われるのはstrong要素でしょう。それは「強い強調を示したい」というよりは、単に「斜体よりは太字にしたい」ということだと思います。英語圏では、斜体で強調を表すのも一般的なのでしょうが、日本語では斜体が強調だとは思われませんからね。
で、スタイルシートを使って強調を表現する場合、太字にする以外にも赤色で表示するとか背景色を加えるとか様々な方法があります。
そのとき、「標準の強調装飾(斜体とか太字とか)を無効にしたい」と思うことがあります。例えば、強調として赤色で表示させたい場合、「太字の赤色」ではなく「標準サイズの赤色」にしたいとか。
そういう場合には、標準の装飾をなくすようスタイルを記述した上で、望みの装飾を加えればよいでしょう。
例えば、以下のようなソースで。
em, strong {
font-weight: normal;
font-style: normal;
}
上記のように書いておけば、em要素の斜体やstrong要素の太字を無効にすることができます。その上で、colorプロパティを使って赤色にしたり、background-colorプロパティを使って背景色を加えたりすると良いでしょう。
このCSS TIPSへのコメントはお気軽に! [コメントはまだありません。]
| « ボックスをセンタリングする現実的な方法 |
前後のCSS TIPS < 旧 / 新 > | 上線と下線を同時に引く » |
このCSS TIPSへのトラックバックURLは以下の通りです。
※言及リンクがないトラックバックは拒否されますのでご注意下さい。
コメントはまだありません。