SFC CNS GUIDE 2004

3.3 CSSの文法

`文字の大きさ', `背景色'など といった見た目に関する情報を``プロパティ''といい,プロパティに 設定する文字列を``値''といいます. CSSでは個々のプロパティ名と値の組を次のように表現します.


プロパティ名: 値;

また,複数のプロパティを指定する際には,プロパティと値の組をセミコロンで区切り、 プロパティ1:値1;プロパティ2:値2 ;と表記します. 例えば, 背景色を#FFFFFFに指定したい場合は次のように記述します.
background-color: #FFFFFF;

3.2に代表的なプロパティを示します. この他にも多くのプロパティがあるので, 詳しくは市販の参考書などを参照してください.


表 3.2: CSSで指定できるプロパティの例
プロパティ名 意味 値の例
background-color 背景色 #FF0000, red
color 前景色(文字の色) #FF0000, red
background-image 背景の画像 url(background.jpg)
font-size 文字の大きさ 1.2em,10pt,small,large
font-weight 文字の太さ bold,normal
font-style 文字の傾き italic,oblique,normal
text-align 文字の水平位置 left,right,center
vertical-align 文字の垂直位置 baseline,super,top,bottom
text-decoration 下線などの文字装飾 underline,overline,line-through,blink

文字の大きさの指定は, 相対指定と絶対指定のいずれも可能です. `2em'なら`周囲の文字の大きさの2倍', `12pt'なら`12ポイント'という意味になります. また, URLは `url(index.html)'のように指定します.

Valid CSS! Valid HTML 4.01!