CSS単位 一覧
| 単位 | 内容 | 使途 |
|---|---|---|
| 長さの単位 | ||
| em | 1em=親要素に設定されているフォントサイズ | フォントサイズ、ボックスのサイズ設定 |
| rem | 1rem=<html>に設定されているフォントサイズ （デフォルト 1rem = 16px) |
フォントサイズの設定 |
| vw | 1vw = ビューポートの幅の1/100 | フォントサイズ、ボックスのサイズ設定 |
| vh | 1vw = ビューポートの高さの1/100 | フォントサイズ、ボックスのサイズ設定 |
| px | 1px=1ピクセルの大きさ | フォントサイズ、ボックスのサイズ設定 |
| % | 基準となる長さや大きさに対するパーセンテージ | フォントサイズ、ボックスのサイズ設定 |
| 角度の単位 | ||
| deg | 1deg = 1° | トランスフォーム設定時 |
| 時間の単位 | ||
| s | 1s = 1秒 | トランジション、アニメーション |
| ms | 1ms = 1000ミリ秒(1 / 1000秒) | トランジション、アニメーション |