Q unit
Qは「quarter-millimeter(4分の1ミリメートル)」を表すCSS絶対長さ単位で、1Qは0.25mmに等しく、1cmの1/40に相当します。物理的な寸法に正確にアンカーされているため、印刷メディアでの精密なレイアウトに適しています。特に日本の組版規格(JIS)に準拠したタイポグラフィ設定で広く使用される単位です。
概要
Qは「quarter-millimeter(4分の1ミリメートル)」を表すCSS絶対長さ単位で、1Qは0.25mmに等しく、1cmの1/40に相当します。物理的な寸法に正確にアンカーされているため、印刷メディアでの精密なレイアウトに適しています。特に日本の組版規格(JIS)に準拠したタイポグラフィ設定で広く使用される単位です。
対応ブラウザ
デスクトップ
Chrome 63+
Edge 79+
Safari 13.1+
Firefox 49+
モバイル
Chrome Android 63+
Safari iOS 13.4+
Firefox Android 49+
基本構文
CSS
body {
font-size: 56Q; /* 14px相当 */
letter-spacing: 1Q;
} 実務での使いどころ
-
印刷向け精密タイポグラフィ
日本語組版の規格に基づいた文字サイズや文字間隔の設定に、物理単位として使用します。
注意点
- 画面表示では物理単位がディスプレイのDPIに依存するため、レスポンシブデザインにはemやremの使用を推奨します。
アクセシビリティ
- 絶対単位を使用するとユーザーのフォントサイズ設定が反映されないため、本文テキストにはremやemの使用を検討してください。