logo
 
cpacer

5.3 CSSの文法

`フォント名', `表示色'など といった見た目に関する情報を``プロパティ''といいます. CSSでは個々のプロパティについてプロパティ名と値の組を次のように表現します.

プロパティ名: 値;

また,複数のプロパティを指定する際には, プロパティ1:値1;プロパティ2:値2 ;と書きます. 例えば, 背景色を#FFFFFFに指定したい場合は次のように記述します.

background-color: #FFFFFF;

[*]に代表的なプロパティを示します. この他にも多くのプロパティがあるので, 詳しくは市販のマニュアルなどを参照してください.


表: CSSで指定できるプロパティの例
プロパティ名 意味 値の例
background-color 背景色 #FF0000, red
color 前景色(文字の色) #FF0000, red
background-image 背景の画像 url(background.jpg)
font-size 文字の大きさ ?em,?pt,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)'のように指定します.