基本単位(絶対寸法、相対寸法、角度、時間、周波数)
単位
unknown
スタイルシートの単位指定には、5つあります。
日本語のページでは、「%」「em」「pt」「px」による指定がよく使われています。
- 絶対寸法 %/cm/in/mm/pc/pt
- 相対寸法 ch/em/ex/gd/px/rem/vh/vw/vm
- 角度 deg/grad/rad/turn
- 時間 ms/s
- 周波数 Hz/kHz
1未満の数値の場合、先頭の0は省略可能です。
例:font-size:0.5%;
→ font-size:.5%
単位 | タイプ | 説明 | 記述例 | |
---|---|---|---|---|
% (パーセント値) | % | 相対 | パーセント。親エレメントに対する相対サイズ指定。 | font-size:120%; line-height:150%; |
length (長さ) | in | 絶対 | インチ (1in=2.54cm) | font-size:1in; |
cm | 絶対 | センチメートル | font-size:1cm; | |
mm | 絶対 | ミリメートル(1mm=1/10cm) | font-size:5mm; | |
em | 相対 | 要素のフォントサイズを基準に指定(1em = 現在の要素のフォントサイズ) | font-size:2em; line-height:1.5em; | |
ex | 相対 | xという文字の高さを基準に指定(1ex≒0.5em) | font-size:1ex; | |
pc | 絶対 | パイカ(1pc=12pt) | font-size:1pc; | |
pt | 絶対 | ポイント(1pt=1/72in) | font-size:12pt; | |
px | 相対 | ピクセル(1px=画面上のドットの大きさ) | font-size:12px; |