Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSS測定単位

CSSは、インチ、センチメートル、ポイントなどの絶対単位や、パーセンテージやem単位などの相対的な測定値を含む多くの測定値をサポートしています。スタイルルールでさまざまな測定値を指定するときに、これらの値が必要です。

以下は、CSS測定単位です。

単位
説明
例
％
測定値を別の値（通常は囲んでいる要素）に対するパーセンテージとして定義します。
p {font-size：16pt;行の高さ：125％;}
cm
測定値をセンチメートルで定義します。
div {margin-bottom：2cm;}
em
emスペースでのフォントの高さの相対的な測定値。 em単位は特定のフォントのサイズに相当するため、フォントを12ptに割り当てると、各「em」単位は12ptになります。したがって、2emは24ptになります。
p {文字間隔：7em;}
ex
この値は、フォントのエックスハイトを基準にした測定値を定義します。 xの高さは、フォントの小文字の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 {パディング：25px;}
vh
ビューポートの高さの1％。
h2 {font-size：3.0vh; }
vw
ビューポート幅の1％
h1 {font-size：5.9vw; }
vmin 1vwまたは1vhのいずれか小さい方 p {font-size：2vmin;}

  1. CSSユニットを理解する

    CSSユニットには、フォントサイズ、文字サイズ、ビューポートサイズなど、さまざまなカテゴリがあります。大きく分けて、上記のサブカテゴリで構成される絶対単位と相対単位の2つのカテゴリがあります。 以下はCSSの絶対単位です- Sr.No ユニットと名前 1 cm センチメートル（1 cm =100 mm） 2 in インチ（1インチ=2.54 cm） 3 mm ミリメートル 4 pc パイカ（1個=12ポイント） 5 pt ポイント（1ポイント=1/72インチ） 6 p

  2. CSSの絶対単位と相対単位

    CSS絶対単位と相対単位はどちらも、距離単位のカテゴリに分類されます。 CSS相対単位は、別の要素を参照する要素の長さを定義します。 たとえば、 vh 相対単位はビューポートの高さを基準にしています。 以下はCSSの相対単位です- Sr.No 単位と相対値 1 ％ 親要素の寸法 2 em 要素のフォントサイズ 3 例 要素のフォントのエックスハイト 4 lh 要素の線の高さ 5 rem ルート要素のフォントサイズ 6 rlh ルート要素の線の高さ 7