エムスペースとは何ですか?

emスペースは、このページの図に示されているブロックと同様に、初期の印刷機で使用される金属文字ブロックの大文字の "M"の幅から派生した用語です。

今日、フォントの現在のポイントサイズを定義するためにemスペースが使用されています。 例えば、12ポイントタイプは12ポイントの全角スペースを持ちます。これは各スペースが12ポイントであることも意味します。

フォントのサイズを定義するとき、WebデザイナーまたはCSSを扱う人は通常em測定に導入されます。 Em値は、ブラウザのデフォルトのフォントサイズまたはWebサイトのフォントサイズに合わせてフォントのサイズを変更できるように、フォントの相対サイズを定義します。

たとえば、以下のemサイズの異なる例では、1emはこのページのテキストと同じサイズです。 emを2emに増やすと、事実上フォントサイズが2倍になり、0.5にするとフォントサイズが半分になります。

これは2emの例です。

これは1emの例です。

これは0.5 emの例です。

HTMLコード

emフォントサイズは、HTMLスタイルのタグまたはCSSコード内に配置できます。 以下は、HTML段落タグでemフォントサイズを指定する例です。

これは2emの例です

以下は、すべての段落タグに適用されるCSSの例です。 例に見られるように、emはフォントサイズに制限されません。 間隔、パディング、行の高さなどの設定を定義するためにも使用できます。

 p {font:1.09em; 行の高さ:1.7em。 パディング:0 7em 2em 0。 } 

Em、Emダッシュ、Enスペース、フォントサイズ、Measurement、Typography terms