相対フォントサイズ単位

「相対フォントサイズ単位」の英語

「相対フォントサイズ単位」は英語で em と言います。CSSでは、emは通常その要素のフォントサイズを基準にする相対単位です（font-sizeの指定では親要素のフォントサイズが基準になります）。入れ子では値が累積しやすいため、ルート基準の rem と使い分けます。

「相対フォントサイズ単位」の英語の使い分け

em
CSSで、emは通常その要素のフォントサイズを基準にする相対単位です。font-sizeの指定では親要素のフォントサイズが基準になります。
In CSS, 1 em is based on the element's font size.
CSSでは、1emは要素のフォントサイズを基準にします。

「相対フォントサイズ単位」の例文

In CSS, 1 em equals the current element's font size.

CSSでは1相対フォントサイズ単位は現在の要素のフォントサイズに等しい。

コアイメージ

相対フォントサイズ単位で現在の要素のフォントサイズを基準とする

英英

A relative font-size unit equal to the current element's computed font size, used in CSS to size text and lengths.

語源

emは、活版印刷で大文字Mの幅を基準にした単位名に由来し、活字の幅やスペースを表すために用いられた後、デジタル組版でフォントサイズの相対単位として定着した

コラム

CSSではemは要素ごとのフォントサイズを基準にするためネストすると値が累積しやすく、ルート相対のremと用途を分ける

「相対フォントサイズ単位」のレベル別の例文

中学
This text uses em for its font size.

この文字はフォントサイズにemを使っています。
高校・英検2級
Nested elements can make em values grow unexpectedly.

入れ子になった要素では、emの値が予想外に大きくなることがあります。
TOEIC・ビジネス
Please use em units for scalable text in this component.

このコンポーネントの拡大縮小可能な文字にはem 単位を使ってください。
日常会話
Should I use em or rem here?

ここではemとremのどちらを使えばいいですか。

「相対フォントサイズ単位」を英語にするときのよくある間違い

× emは画面幅を基準にする単位です。

○ emはフォントサイズを基準にする単位です。

emは画面幅ではなくフォントサイズを基準にします。画面幅を基準にする単位にはvwがあります。
× emとremは同じ基準です。

○ emは要素のフォントサイズを基準にし、remはルート要素のフォントサイズを基準にします。

emは入れ子になった要素で値が累積しやすい一方、remはルート要素を基準にするため、値が累積しません。

「相対フォントサイズ単位」の英語についてよくある質問

Q. 「相対フォントサイズ単位」を英語で一言で言うと？

em と言います。CSSでフォントサイズを相対的に指定する単位です。

Q. em と rem の違いは？

emは要素のフォントサイズを基準にし、remはルート要素のフォントサイズを基準にします。emは入れ子で値が累積しやすい点に注意が必要です。

Q. 「相対フォントサイズ単位」はCSSでどう使いますか？

font-sizeなどの値にemを付けて指定します。たとえば、font-size: 1.2em; のように書きます。

ほかの日本語から英語を引く