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

CSSの長さの単位~“px

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

px”について

px(ピクセル)”は“1/96in”の長さと定義される絶対単位です。

物理的な長さの単位に依存するデバイスでは“1px”は物理的な1/96(≒0.01)インチと同じ長さです。

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

参照ピクセルについてはこちらで解説しています。
参照ピクセル

1px”の長さは必ずしもディスプレイの画素1個分の長さとは一致しません。区別するためにディスプレイの画素の個数を数える長さは“デバイスピクセル”、CSSの“1px”の長さは“CSSピクセル”と呼ばれます。

CSSピクセルとデバイスピクセル
CSSピクセルとデバイスピクセル

使用例

span { font-size: 20px;}
div { height: 20px;}
文字の大きさを16pxに指定したボックス
文字の大きさ

font-size: 20px;

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