The Web Design Group

CSS単位


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


長さ単位(Length)

長さの単位は、選択性の+-によって式化され、その後に数値次いで二文字の単位を表わす省略語がきます。長さの値ではスペースはありません; 例えば1.3 emは正しい値ではなく、 1.3emが正しい値です。長さ 0では、二文字の単位識別子は必要ありません。

相対的絶対的長さ単位は両者とも、CSS1でサポートされています。相対的な長さ単位は、別の長さプロパティーに対して相対的な長さを与え、異なる媒体でもより調整されると言う理由で好まれます。以下の相対的な単位が入手できます:

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


パーセント単位(Percentage Units)

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

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


色彩単位(Color Units)

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

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

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

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

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


Web Design Group ‾ CSSインデックスCSS構造CSSプロパティ

Copyright © 1997 John Pozadzides and Liam Quinn. All rights reserved.