em要素

em要素 語句を強調 インライン要素

語句を強調するときに使います。strong要素と比べるとem要素はやや弱い強調になります。em要素＜ strong要素
em要素の文字は斜体で表示されます。
i要素とは意味的に違います。i要素は単なる装飾ですがem要素は論理的強調。検索エンジンによっては検索結果に影響をあたえることもある

内容にできる要素

インライン要素 テキスト

<em>文字</em>

実際の表示

文字

cssでデザインを指定する場合

html

<em class="a">文字</em>

css

文字の大きさの指定

文字が大きすぎる場合や小さすぎる場合cssで文字の大きさを調整をします。

em.a { font-size: 12px; }

文字の斜体の指定

em要素の内容の文字は斜体になります。普通に戻したい場合はnormalを指定します。
値には「italic」斜体（イタリック体）「normal」通常「oblique」斜体

em.a { font-style: normal; }

文字の太さの指定

値には「bold」太字「normal」通常「bolder」やや太く「ligher」やや細く

em.a { font-weight: normal; }

文字の配置指定

値には「left」左揃え「center」中央揃え「right」右揃え

em.a { text-align: center; }

文章の行間を広げる

値にはパーセンテージ「%」長さ「px」「em」など

em.a { line-height: 150%; }

共通属性

指定できる共通属性

id属性 class属性 style属性 title属性 lang属性 dir属性

イベント属性

イベント属性