Cascading Style Sheet

Background

文字色と背景色は同時に設定するようにして下さい。

文字色

color : 色

背景色

background-color : 色　又は　transparent（透明色）

リンクの色

リンクの色はクリック前では青、クリックした後では赤と決められています。背景色を指定すると、リンクが見え難くなってしまうので、リンクの色も指定して下さい。

リンクはそれぞれの状態毎に、以下の４つに分けられます。

A:link: まだ見ていないリンク
A:visited: 既に見たリンク
A:hover: マウスカーソルを上に置いたときの状態
A:active: クリックしたときの状態

背景画像

background-image : url("ファイル名")

背景画像の並び方

background-repeat : no-repeat/repeat-x/repeat-y/no-repeat

repeat（背景画像は、縦横にタイル状に並べられます。
repeat-x（背景画像は、横方向にのみ繰り返して並べられます。
repeat-y（背景画像は、縦方向にのみ繰り返して並べられます。
no-repeat（背景画像は、繰り返されずに１つだけ表示されます。

背景画像の表示位置

background-position : 数値＋単位　又は　％値　又は　left/center/right|top/center/bottom

数値＋単位（横方向と縦方向の位置を、順にスペースで区切って数値で指定します。）
％値（横方向と縦方向の位置を、順にスペースで区切って数値で指定します。）
left/center/right|top/center/bottom（横方向と縦方向の位置を、スペースで区切ってキーワードで指定します。）

背景画像の固定配置

background-attachment : fixed/scroll

fixed（背景画像の位置を固定します。）
scroll（背景画像を他の内容と共にスクロールするようにします。）

背景関連の一括指定

以上のbackgroundに関するプロパティは、以下のプロパティを使って一度に指定できます。値をスペースで区切って指定します。

background : background-colorの値　background-imageの値　background-repeatの値　background-positionの値　background-attachmentの値

Part 1 | Part 2 | Part 3 | Part 4 | Part 5 | Part 6 | Part 7

top up index new search mail