in｜CSSの長さの単位｜CSS－havin' a coffee break

＃

“in”について

“in(インチ)”は“96px”の長さと定義される絶対単位です。

物理的な長さの単位に依存するデバイスでは“1in”は物理的な1インチと同じ長さです。

参照ピクセルに依存するデバイスでは“1in”は“96px”です。

＃

使用例



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



p.font-1in { font-size: 1in;}

div.boxw-1in { width: 1in;}



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

<div class="sample-box">






文字の大きさ

<p class="font-1in">


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

</p>





長さ

<div class="boxw-1in">


width: 1in;

</div>






</div>

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

文字の大きさ

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

長さ

width:1in;

CSSの長さの単位~“in”

“in”について

使用例