ボックス

サイズ・背景

• width: ***; height: ***; ボックスの大きさを指定する
  • max-width: ***; min-width: ***; ボックスの最大幅と最小幅を指定する
  • max-height: ***; min-height: ***; ボックスの最大の高さと最小の高さを指定する
• background-color: ***; ボックスの背景色を指定する
• background-image: url(***); ボックスの背景に画像を使う
  • background-repeat: ***; 背景画像の並び方を指定する
  • background-position: ***; 背景画像の表示位置を指定する
  • background-attachment: fixed; 背景画像をスクロールさせない
• background: ***; 背景の設定をひとまとめに行う

マージン・パディング

• margin: ***; ボックスのマージン（外側の余白）を指定する
  • margin-***: ***; 上下左右のマージンを個別に指定する
• padding: ***; ボックスのパディング（内側の余白）を指定する
  • padding-***: ***; 上下左右のパディングを個別に指定する

境界線

• border-width: ***; border-***-width: ***; 境界線の太さを指定する
• border-color: ***; border-***-color: ***; 境界線の色を指定する
• border-style: ***; border-***-style: ***; 境界線のスタイルを指定する
• border: ***; border-***: ***; 境界線の設定をひとまとめに行う

表示方法

• overflow: ***; ボックスからはみ出た部分の表示方法を指定する
  • overflow-***: ***; overflowの縦横の処理を個別に指定する
  • scrollbar-***-color: ***; スクロールバーの色を変える
• display: ***; 表示形式（インライン・ブロック・リスト・非表示）を指定する
• visibility: ***; 表示・非表示を指定する

配置

• float: ***; ボックスのフロート（浮動化）を指定する
  • clear: ***; 回り込みを解除する
• position: ***; ボックスの配置方法を指定する
  • top: ***; right: ***; bottom: ***; left: ***; ボックスの配置位置を指定する
  • z-index: ***; 重なりの順序を指定する