CSS の値の単位

Patricia Arquette
リリース: 2024-09-30 14:10:03
オリジナル
478 人が閲覧しました

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

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート