Web Element   【 Cascading Style Sheets 】

Home

Root

body(tag)

link(tag)

id

class

sample

HTML

/*=== bodyタグ内の表示にかかわる基本的なデザインを設定します ===*/

/*=== bodyの設定内容はブロック内に記入します ===*/
body{ ここに設定します }


/*=== 【注意】すべての内容を記入する必要はない ===*/


body{
background-color:#ffffff; /* 背景の色 */

/* 背景画像 */
background-image: url(bg1.gif); /* 背景画像の表示 */
/* --------------------------------------- */
background-attachment: scroll; /* スクロールする（デフォルト） */
background-attachment: fixed; /* スクロールしない */
/* --------------------------------------- */
background-repeat: repeat; /* 敷き詰める（デフォルト）例　元画像 */
background-repeat: repeat-x; /* 横方向のみ並べる　例　元画像 */
background-repeat: repeat-y; /* 縦方向のみ並べる　例　元画像 */
background-repeat: no-repeat; /* ひとつだけ表示　例　元画像*/
/* --------------------------------------- */
/* 背景画像の表示位置を指定 */
/* 背景の横方向の位置はleft・center・right、縦方向の位置はtop・center・bottom */
background-position: center center;/* background-position: 横方向 縦方向; */


/* マージンの設定方法 */
margin-top:0; /* 上方マージン */
margin-bottom:0; /* 下方マージン */
margin-left:0; /* 左方マージン */
margin-right:0; /* 右方マージン */
/*マージンの 一括設定方法 */
margin: 1px; /* 上下左右=1px */
margin: 1px 2px; /* 上下=1px、左右=2px */
margin: 1px 2px 3px; /* 上=1px、左右=2px、下=3px */
margin: 1px 2px 3px 4px; /* 上=1px、右=2px、下=3px、左=4px （上から時計回り）*/

/* フォントの設定方法 */
font-size:9pt; /* サイズ */
font-family:monospace; /* スタイル */
font-weight:100; /* 太さ */
color:#000000; /* カラー */
}