W3CのColor and background propertiesにあたる箇所。

color : <color>

使用例

color: red; /* natural language */

color: rgb(255, 0, 0); /* RGB range 0-255 */

color: #4488FF;

background-color : [ <color> | transparent ]

使用例

background-color: #008080;

background-color: transparent; /* ??? */

background-image : [ <url> | none ]

使用例

background-image: url("./bgimg.jpg");

background-image: none;

background-repeat : [ repeat | repeat-x | repeat-y | no-repeat ]

使用例

background-repeat: repeat-y; /* 縦方向にのみ繰り返し表示 */

background-attachment : [ scroll | fixed ]

使用例

background-attachment: fixed; /* 背景を固定 */

background-position : [ <percentage> | <length> ]{1,2} | [top | center | bottom] || [left | center | right ]

使用例

background-position: 0% 0%; /* 左上 */

background-position: 100% 100%; /* 右下 */

background-position: 23%; /* 水平方向が先に指定される (=23% 50%) */

background-position: top right; /* 0% 100% */

background-position: center left; /* 50% 0% */

background-position: bottom center; /* 100% 50% */

background : [ <background-color> || <background-image> || <background-repeat> ||¥

<background-attachment> || <background-position> ]

※backgroundプロパティは上記のbackground-***プロパティの組み合わせで実現できるため、

詳細な説明は省略します。

使用例

background: url(chess.png) gray 50% repeat fixed;