CSS単位

• 長さ単位(Length)
• パーセント単位
• 色彩単位
• URLs

長さ単位(Length)

長さの単位は、選択性の+か-によって式化され、その後に数値次いで二文字の単位を表わす省略語がきます。

長さの値ではスペースはありません；例えば、 1.3 emは正しい値ではなく、 1.3emが正しい値です。

長さ 0では、二文字の単位識別子は必要ありません。

相対的と絶対的長さ単位は両者とも、CSS1でサポートされています。

相対的な長さ単位は、別の長さプロパティーに対して相対的な長さを与え、異なる媒体でもより調整されると言う理由で好まれます。

以下の相対的な単位が入手できます：

• em（ems、要素の文字の高さ）
• ex（x-height、文字"x"の高さ）
• px（pixels、キャンバス画面解像度に対して相対的な）

絶対的な長さ単位は、出力メディアに大きく依存し、それで相対的な単位よりも使い難いものです。

以下の絶対的な単位が入手できます：

• in（インチ；1in=2.54cm）
• cm（センチメータ；1cm=10mm）
• mm（ミリメータ）
• pt（ポイント；1pt=1/72in)
• pc（パイカpicas；1pc=12pt)

パーセント単位（Percentage Units）

パーセント値は、選択性の+か-で式化され、その後に数値次いで%がきます。

パーセント値にはスペースはとりません。

パーセント値は、各プロパティーに定義されるように、他の値に対しての相対的なものです。

パーセント値は、ほとんどの場合、要素の文字サイズに対して相対的になります。

色彩単位（Color Units）

色彩値は、キーワードまたは数値RGB仕様です。

16のキーワードがウィンドウズVGAパレットから採用されています：aqua,black,blue,fuchsia,gray,green,lime, maroon,navy,olive,purple,
red,silver,teal,white, andyellow.

RGB色は、四つの方法の一つで与えられます：

• #rrggbb（例、#00cc00）
• #rgb（例、#0c0）
• rgb(x,x,x)ここでは、xは0から255の整数（例、 rgb(0,204,0)）
• rgb(y%,y%,y%)ここでは、 yは0.0から100.0（例、 rgb(0%,80%,0%)）

上のサンプルは全て或る色を特定します。

16進数での色の指定はこちらを参考にしてください

URLs

URL値は、 url(foo)によって与えられ、ここでは fooがそのURLにあたります。

URLは、一重(')か二重(")引用符を選べ、（選択性の引用符号）URLの前後に空白文字を含めます。

URL内の括弧・コンマ・スペース・一重または二重引用符はバックスラッシュでエスケープされなければなりません。

部分的なURLsは、スタイル・シート資源に相対的に解釈され、HTML資源に沿うのではありません。

Netscape Navigator 4.x は、部分的なURLsをHTML資源に相対的に間違って解釈します。

このバグがあるので、制作者はできるだけURLs全部を使うようにします。

目的別属性

広告