w3-notes logo

cocochido

HTML/CSSリファレンス

CSS 単位

相対長(フォント)

要素に適用されるフォントのサイズを1emとしてその比率を指定する。
ルート要素(html要素)に適用されるfont-sizeプロパティの値を1remとしてその比率を指定する。
要素に適用されるフォントのx-height値を1exとしてその比率を指定する。
要素に適用されるフォントのcap-height値を1capとしてその比率を指定する。
要素に適用されるフォントの数字の"0"の幅(アドバンス値)を1chとしてその比率を指定する。
要素に適用されるフォントの「水」の文字の幅(アドバンス値)を1icとしてその比率を指定する。
要素に適用されるline-heightプロパティの値を1lhとしてその比率を指定する。
ルート要素(html要素)に適用されるline-heightプロパティの値を1rlhとしてその比率を指定する。

相対長(ビューポート)

ビューポートの幅を100vwとしてその比率を指定する。
ビューポートの高さを100vwとしてその比率を指定する。
ビューポートのインライン方向の長さを100viとしてその比率を指定する。
ビューポートのブロック方向の長さを100vbとしてその比率を指定する。
ビューポートの幅または高さの小さいほうを100vminとしてその比率を指定する。
ビューポートの幅または高さの大きいほうを100vmaxとしてその比率を指定する。

絶対長

長さをピクセルで指定する。1px = 1in/96。
長さをポイントで指定する。1pt = 1in/72。
長さをインチで指定する。1in = 2.54cm = 96px。
長さをミリメートルで指定する。1mm = 1cm/10m。
長さをセンチメートルで指定する。1cm = 96px/2.54。
長さをQ数で指定する。1Q = 1mm/4。
長さをパイカで指定する。1pc = 1in/16。

角度

角度を度で指定する。1deg = (π/180)rad。
角度をグラードで指定する。1grad = 90deg/100。
角度をラジアンで指定する。1rad = 180/π。
角度をターンで指定する。1turn = 360deg。

時間

時間の間隔をミリ秒で指定する。1ms = (1/1000)s。
時間の間隔を秒で指定する。1s = 1000ms。

周期

振動をヘルツで指定する。1Hz = 1/s。
振動をキロヘルツで指定する。1kHz = 1000Hz。

解像度

解像度をDPI(dotsperinch)で指定する。
解像度をDPCM(dotspercentimeter)で指定する。
解像度をDPPX(dotsperpixel)で指定する。
dppx単位の略記。
© 2020 ここちい堂. All rights reserved.