CSSの長さの単位~“Q”

“Q”について

“Q(キュー、Quarter-millimeters)”は“1/4mm”の長さと定義される絶対単位です。

物理的な長さの単位に依存するデバイスでは“1Q”は物理的な1/4ミリメートルと同じ長さです。

参照ピクセルに依存するデバイスでは“1Q”は“24/25.4px(≒0.94px)”です。

使用例

div.sample-box { font-size: 16px;}

p.font-20q { font-size: 20Q;}
div.boxw-20q { width: 20Q;}


文字の大きさ“16px”の親要素
<div class="sample-box">

文字の大きさ
<p class="font-20q">

猫は、上のかぎり黒くて、ことはみな白き。

</p>

長さ
<div class="boxw-20q">

width: 20q;

</div>

</div>

文字の大きさ“16px”の親要素

文字の大きさ

猫は、上のかぎり黒くて、ことはみな白き。

長さ

width:20q;