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

スポンサーリンク
LINEで送る
Pocket

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.
style属性で記述
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;
}

em要素の概要

em 強調テキスト コピペで使えるHTML+CSS
強調したいテキストを指定するem要素。一般的には斜体、またはイタリック体で表示されます。em要素の解説。及び、イタリック体と斜体の違いについて解説します。
LINEで送る
Pocket

タイトルとURLをコピーしました