値は 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 サイトの他の関連記事を参照してください。