"CSS Tips Factory" : Presented by Nishishi via WordPress.

強調の装飾を無効にする [テキスト]

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っぽい文字列を記述すると、投稿内容はスパム扱いとなって無視されてしまう場合がありますので書かないようご注意下さい。

トラックバック

このCSS TIPSへのトラックバックURLは以下の通りです。

※言及リンクがないトラックバックは拒否されますのでご注意下さい。また、文字コードはUTF-8でお送りいただける方が望ましいです。