emをイタリック体にするコピペで使えるHTML+CSS

em要素は指定した文字を強調するタグですが、一般的にブラウザでは斜体で表示されます。font-styleを用いてイタリック体に変更します。太字はfont-weight: bold;であって、font-style: boldではありません。

emをイタリック体にする

文字のスタイルを font-style で指定します。emの初期値は oblique (斜体)になっていますので、italic に指定します。※わかりやすくするため、赤字にしました。

This is a pen. This is an apple.

This is a pen. This is an apple.

This is a <em style="font-style:italic; color:#ff0000;">pen</em>. This is an apple.

This is a <em class="em-italic-red">pen</em>. This is an apple.

.em-italic-red{
    color:#ff0000
    font-style:italic;
}