CSSユニット2024 年の最新の入門チュートリアル。このコースでは ブラウザのサポート,相対的長さ,絶対長さ, について学習できます。
CSSは、長さを表すために使用される複数の異なる単位を有します。
一部のプロパティはようにCSSの長さ幅、マージン、パディング、フォントサイズ、ボーダー幅を設定し、されています。
長さなどというように10pxの、2EM、およびなどのデジタルユニット。
数字と単位の間にスペースを入れることはできません。 長さが0である場合、ユニットを省略することができます。
いくつかのCSSプロパティの場合、長さが負になることができます。
相対および絶対:長さの単位の2種類があります。
次の表は、長さの単位をサポートするために最低限必要なブラウザのバージョンを示しています。
長さの単位 | |||||
---|---|---|---|---|---|
全角、元、%、ピクセル、センチメートル、ミリメートル、PT、で、パソコン | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CH | 27.0 | 9.0 | 1.0 | 7.0 | 20.0 |
レム | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
VH、VW | 20.0 | 9.0 | 19.0 | 6.0 | 20.0 |
VMIN | 20.0 | 9.0 * | 19.0 | 6.0 | 20.0 |
VMAX | 26.0 | サポートしていません。 | 19.0 | サポートしていません。 | 20.0 |
注:非標準の名前のvmサポートVMINによりインターネットエクスプローラ9を。
相対的な長さの単位は、別のプロパティの長さに比べて長さを指定します。 相対的な長さより適切なデバイスに応じて。
ユニット | 説明 | オンラインの例 |
---|---|---|
全角 | これは、現在の要素のフォントサイズの適用に関して説明され、それはまた、相対的な長さの単位です。 通常、ブラウザのデフォルトのフォントサイズは、その後、16pxにある2EM == 32PX; | 試します |
元 | 英語絵は、小さなxの高さに依存します | 試します |
CH | 番号0の幅 | |
レム | ルート要素(HTML)のfont-size | |
VW | 視点幅、ウィンドウの幅、ウィンドウの幅の1vw = 1% | 試します |
VH | 視点の高さ、ウィンドウの高さ、1vh = 1%のウィンドウの高さ | 試します |
VMIN | VWとVH小さい1。 | 試します |
VMAX | VWとVHより大きな1。 | 試します |
% |
ヒント:レム全角とどのような違いは、それをしませんか?ことを除いて、素子レムは、フォントサイズがまだ比較的サイズが、ちょうど反対のHTMLルート要素である設定しました。 |
絶対的な長さの単位は、それが実際の物理的な大きさを反映し、固定値です。 絶対的な長さの単位は、それが環境(モニター、解像度、オペレーティングシステム、等)に依存しない出力媒体に大きく依存します。
ユニット | 説明 | オンラインの例 |
---|---|---|
センチ | センチ | 試します |
ミリ | ミリメートル | 試します |
で | インチ(1インチ= 96px = 2.54センチメートル) | 試します |
PX * | ピクセル(1インチの1ピクセル= 1/96分) | 試します |
ポルトガル | ポイントは約1/72インチの;(を1pt = 1 / 72in) | 試します |
パーソナルコンピュータ | パイカ、6PT、1/6 Yingcunについて;(1個= 12ポイント) | 試します |
おそらく、ピクセルは最高の「デバイスピクセル」と、このピクセルの長さであると考え、あなたは無関係な表示画面ピクセル上のテキストを参照してくださいされています。 ピクセルは、実際には角度単位の尺度です。