このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

CSSの長さの単位~“pt

記事Jan. 8th,2019
July 7th,2020
CSSの長さの単位、“pt”について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

pt”について

pt(ポイント)”は1/72inの長さと定義される絶対単位です。

ポイントは出版や印刷などで文字の大きさを表すために使用される単位です。

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

参照ピクセルに依存するデバイスでは“1pt”は96/72px(≒1.33px)”です。

使用例

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

p.font-20pt { font-size: 20pt;}
div.boxw-20pt { width: 20pt;}
文字の大きさ“16px”の親要素
<div class="sample-box">

文字の大きさ
<p class="font-20pt">
猫は、上のかぎり黒くて、ことはみな白き。
</p>

長さ
<div class="boxw-20pt">
width: 20pt;
</div>

</div>
文字の大きさ“16px”の親要素
文字の大きさ

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

長さ
width:20pt;
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク