em 強調テキスト コピペで使えるHTML+CSS

スポンサーリンク

em要素の概要

重要なテキストHTML
<em>~</em>
目的強調したいテキストを指定する。一般的には斜体、またはイタリック体で表示されますが、斜体にするという意味ではありません。
関連<strong> <mark>
This is a pen. This is an apple.
This is a <em>pen</em>. This is an apple.

属性

グローバル属性のみ

斜体、イタリック体の注意点

斜体は単に斜めにしたフォントという意味で、イタリック体は筆記体に近い。ですが、両書体とで異なる表記になるわけではありません。

<em>はあくまで、強調するかどうかの意味であってデザインの用途に使うものではありませんから、”斜体にしたいだけ”なのであれば <span style=”font-style:oblique;”>斜体にしたいテキスト</span> にしましょう。

また、日本語フォントが対応していないことが多く、ほとんどの場合、斜体にはなりません。

CSSデザイン

emを斜体にしない

emを斜体にしない コピペで使えるHTML+CSS
文字のスタイルを font-style で指定します。emの初期値は oblique (斜体)になっていますので、normal に指定することで通常のテキストと変わらない見た目にします。

emをイタリック体にする(ほとんど意味はありません)

emをイタリック体にする コピペで使えるHTML+CSS
em要素は指定した文字を強調するタグですが、一般的にブラウザでは斜体で表示されます。font-styleを用いてイタリック体に変更します。