Css-measurement-units

CSS-測定単位

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

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

Unit

説明

例

%

測定値を別の値（通常は囲んでいる要素）に対する割合として定義します。

p \ {font-size：16pt;行の高さ：125％;}

cm

測定値をセンチメートルで定義します。

div \ {margin-bottom：2cm;}

em

emスペースでのフォントの高さの相対的な測定値。 em単位は与えられたフォントのサイズに等しいため、フォントを12ptに割り当てると、各「em」単位は12ptになります。したがって、2emは24ptです。

p \ {letter-spacing：7em;}

ex

この値は、フォントのx高さに対する相対的な測定値を定義します。 x-heightは、フォントの小文字xの高さによって決まります。

p \ {font-size：24pt;行の高さ：3ex;}

in

インチ単位で測定を定義します。

p \ {word-spacing：.15in;}

mm

測定値をミリメートル単位で定義します。

p \ {word-spacing：15mm;}

pc

パイカ単位で測定を定義します。 パイカは12ポイントに相当します。したがって、1インチあたり6パイカがあります。

p \ {font-size：20pc;}

pt

ポイント単位で測定を定義します。 ポイントは1/72インチとして定義されます。

body \ {font-size：18pt;}

px

測定値を画面ピクセルで定義します。

p \ {padding：25px;}