CSS-測定単位

実際の演習を開始する前に、CSS測定単位について簡単に説明します。CSSは、インチ、センチメートル、ポイントなどの絶対単位や、パーセンテージやem単位などの相対的な測定値を含む多くの測定値をサポートしています。スタイルルールでさまざまな測定値を指定するときに、これらの値が必要です。border = "1px solid red"。

すべてのCSS測定単位を適切な例とともにリストアップしました-

単位	説明	例
％	別の値（通常は囲んでいる要素）に対するパーセンテージとして測定値を定義します。	p {フォントサイズ：16pt; 行の高さ：125％;}
CM	測定値をセンチメートルで定義します。	div {margin-bottom：2cm;}
em	emスペース内のフォントの高さの相対的な測定値。em単位は特定のフォントのサイズと同等であるため、フォントを12ptに割り当てると、各「em」単位は12ptになります。したがって、2emは24ptになります。	p {letter-spacing：7em;}
ex	この値は、フォントのエックスハイトを基準にした測定値を定義します。エックスハイトは、フォントの小文字のxの高さによって決まります。	p {フォントサイズ：24pt; 行の高さ：3ex;}
に	インチ単位で測定値を定義します。	p {単語間隔：.15in;}
んん	ミリメートル単位で測定値を定義します。	p {単語間隔：15mm;}
pc	パイカで測定値を定義します。パイカは12ポイントに相当します。したがって、1インチあたり6ピカがあります。	p {フォントサイズ：20pc;}
pt	ポイントで測定を定義します。ポイントは1/72インチとして定義されます。	本文{フォントサイズ：18ポイント;}
px	画面のピクセル単位で測定値を定義します。	p {パディング：25px;}