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）

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

パーセント値は、各プロパティーに定義されるように、他の値に対しての相対的なものです。パーセント値は、ほとんどの場合、要素の文字サイズに対して相対的になります。

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

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%)）

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

Douglas R. Jacobsonは、取り扱いやすいクイック・リファレンス RGB Color Chart(61 kB)を提供しています。

URLs

URL値は、 url(foo)によって与えられ、ここでは fooがそのURLにあたります。URLは、一重(')か二重(")引用符を選べ、（選択性の引用符号）URLの前後に空白文字を含めます。

URL内の括弧・コンマ・スペース・一重乃至は二重引用符はバックスラッシュでエスケープされなければなりません。部分的なURLsは、スタイル・シート資源に相対的に解釈され、HTML資源に沿うのではありません。

Netscape Navigator 4.x は、部分的なURLsをHTML資源に相対的に間違って解釈します。このバグがあるので、制作者はできるだけURLs全部を使うようにします。

例：

BODY { background: url(stripe.gif) }
BODY { background: url(http://www.htmlhelp.com/stripe.gif) }
BODY { background: url( stripe.gif ) }
BODY { background: url("stripe.gif") }
BODY { background: url(¥"Ulalume¥".png) } /* quotes in URL escaped */

[ 長さ単位(Length) | パーセント単位 | 色彩単位 | URLs ]

Maintained by John Pozadzides and Liam Quinn

CSS単位

長さ単位(Length)

パーセント単位（Percentage Units）

色彩単位（Color Units）

URLs