CSS の値の単位

CSS の単位

値は CSS で定期的に使用されます。は絶対単位で指定される場合もあれば、相対単位で指定される場合もあります。

CSS は長さ、角度、周波数の値を提供し、各 CSS 内で異なる測定単位間の変換をサポートします。

Web 開発者やデザイナーが快適な思考空間内で作業できるようにするために、CSS がサポートするさまざまな単位や測定値について理解します。

以下は CSS でサポートされている単位のリストです。

絶対単位

長さ

cm、mm、Q、in、pt、pc、px

Unit	Name	Equivalent to
cm	Centimeters	1cm = 37.8px = 1/2.54 of 1in
mm	Millimeters	1mm = 1/10 of 1cm
Q	Quarter-millimeters	1Q = 1/40 of 1cm
in	Inches	1in = 2.54cm = 96px
pc	Picas	1pc = 1/6 of 1in
pt	Points	1pt = 1/72 of 1in
px	Pixels	1px = 1/96 of 1in

角度

度、グラッド、ラジアン、ターン

Unit	Name	Equivalent to
deg	Degree	360deg = 1 full circle
grad	Gradian	400grad = 1 full circle
rad	Radian	6.2832rad = 1 full circle (π approx = 3.1416)
turn	Turn	1 turn = 1 full cirle

時間

さん、さん

unit	name	equivalent to
s	second	1s = 1000ms
ms	millisecond	1ms = 1/1000 of 1s

周波数単位

Hz、kHz

unit	name	equivalent to
Hz	Hertz	1Hz = 1/1000 of 1 kHz
kHz	Kilo Hertz	1KHz = 1000Hz

解像度の単位

dpi、dpcm、dppx

相対単位

名前が示すように、これらの単位で提供される値は、他の値と相対的なものです。親要素またはビューポートに関連している可能性があります。

フォント関連

em、ex、ch、rem

ビューポート関連

%、vw、vh、vmin、vmax

コンテナクエリ関連

cqw、cqh、cqi、cqb、cqmin、cqmax

注意

コンテナ要素に絶対値を定義し、すべての子孫要素に相対値を使用するのが一般的です。

以上がCSS の値の単位の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。