HTML イタリックで表示される要素を通常のテキストに戻したい

<address>タグなどイタリックで表示されるタグを使いたいとき、通常のテキストデザインにする方法を解説します。<address>タグ、<em>タグ、<i>タグ、<cite>タグなどは、デフォルトCSSではイタリックで表示されるようになっています。日本語にはイタリック体がなく読みづらいため、こうしたタグを使う場合は、通常のフォントに戻すCSSを書きます。font-styleプロパティは、フォントを通常のフォントにするか、イタリックにするか設定できます。このプロパティで使える値は、通常フォントにする「normal」と、イタリックで表示する「italic」の2種類です。

<!DOCTYPE html>
<html lang="ja">
<head>
    <title>サンプル</title>
    <style>
        address{
            font-style:normal;
        }
    </style>
</head>
<body>
    <p>連絡先</p>
    <address>
        〒999-9999<br>
        東京都千代田区<br>
        株式会社テスト
    </address>
</body>
</html>

カテゴリー:WEB