このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

CSSの長さの単位~“em

記事Jan. 8th,2019
July 7th,2020
CSSの長さの単位、“em”について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

em”について

em”はその要素の文字の大きさを“1em”と定義した相対単位です。

“1em”
“1em”

その要素のfont-size”プロパティの値をもとに長さを計算します。font-size”プロパティの値に使用する場合は親要素から継承されたその要素の元のfont-size”プロパティの値を、親要素や祖先要素に文字の大きさが指定されていない場合はブラウザの既定の値をもとに計算します。

例えば、その要素の文字の大きさが“20px”の場合は“1em”は20px”、2em”は40px”です。

使用例

span { font-size: 3em;}
div { height: 3em;}
文字の大きさを16pxに指定したボックス
文字の大きさ

font-size: 3em;

長さ
height: 3em;
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク