B - background
-
- 背景色、背景画像を指定するプロパティ
-
- 初期値：なし
-
- 例
background:blue;
background:#4b0082;
background:rgb(255,255,255);
background:url(back.gif); width:50;
-
-
- background-attachment
-
- 背景画像のウインドウに対するスクロールを指定するプロパティ
-
- 値：scroll｜fixed
- 初期値：scroll
-
- ※scroll = スクロールと共に背景画像もスクロールする
- ※fixed = 背景画像はウインドウに固定されスクロールしない
-
- 例
background-attachment:fixed;
-
-
- background-color
-
- 背景色を指定するプロパティ
-
- 値：[色]｜transparent
- 初期値：transparent
-
- 例
background-color:red;
background-color:#0000ff;
background-color:rgb(255,127,127);
-
-
- background-image
-
- 背景画像を指定するプロパティ
-
- 値：[url]
- 初期値：なし
-
- 例
background-image:url(back.gif);
-
-
- background-position
-
- 背景画像の開始位置を指定するプロパティ
-
- 値：left｜center｜right
-
- 例
background-position:center;
-
-
- background-repeat
-
- 背景画像の並び方を指定するプロパティ
-
- 値：repeat｜repeat-x｜repeat-y｜no-repeat
- 初期値：repeat
-
- ※repeat = 背景画像を敷詰めにリピート
- ※repeat-x = 背景画像を一番上に水平方向にリピート
- ※repeat-y = 背景画像を左端に垂直方向にリピート
- ※no-repeat = 背景画像をリピートしない
-
- 例
background-repeat:no-repeat;
-
-
- border
-
- ボックスの枠線の太さ、形状、色を指定するプロパティ
-
- 値：【thin｜medium｜thick｜[サイズ]】 【none｜solid｜dotted｜dashed｜double｜groove｜ridge｜inset｜outset】 【色】
- 初期値：repeat
-
- 例
border:medium solid blue;
-
-
- border-color
-
- ボックスの枠線の色を指定するプロパティ
-
- 値：[色]
-
- 例
border-color:red;
border-color:#0000ff;
border-color:rgb(255,255,255);
-
-
- border-style
-
- ボックスの枠線の形状を指定するプロパティ
-
- 値：none｜solid｜double｜groove｜ridge｜inset｜outset
- 初期値：none
-
- ※solid = べた塗り
- ※double = 二重線
- ※groove = 枠にくぼみ
- ※ridge = 枠に盛り上がり
- ※inset = 全体にくぼみ
- ※outset = 全体に盛り上がり
-
- 例
border-style:solid;
-
-
- border-width
-
- ボックスの枠線の太さを指定するプロパティ
-
- 値：thin｜medium｜thick｜[サイズ]
-
- ※thin = 薄い
- ※medium = 中
- ※thick = 厚い
-
- 例
border-width:medium;
-
-
-
-
-
-
-
|
スタイルシートの基礎知識の解説とCSS関連サイトのリンク集