スタイルシート(CSS) リファレンス

(ボックス) * * 次へ 最後へ
ボックス
  • width: *px; height: *px; CssPage_へボックスの大きさを指定する
    • max-width: *px; min-width: *px; CssPage_へボックスの最大幅と最小幅を指定する
    • max-height: *px; min-height: *px; CssPage_へボックスの最大高さと最小高さを指定する
  • background-color: #ffffff; CssPage_へボックスの背景色を指定する
  • background-image: url(URI); CssPage_へボックスの背景に画像を使う
    • background-repeat: repeat-X; CssPage_へ背景画像の並べ方を指定する
    • background-position: right top; CssPage_へ背景画像の表示位置を指定する
    • background-attachment: fixed; CssPage_へ背景画像をスクロールさせない
  • background: #ffffff url(fname) repeat-Y center scroll; CssPage_へボックスの背景をまとめて指定する

(ボックス) 先頭へ 前へ 次へ 最後へ
マージン・パディング
  • margin: *px *px *px *px; CssPage_へボックスのマージン(外側の余白)を指定する
    • margin-top: *px; CssPage_へ上下左右のマージンを個別に指定する
  • padding: *px; CssPage_へボックスのパディング(内側の余白)を指定する
    • padding-top: *px; CssPage_へ上下左右のパディングを個別に指定する

(ボックス) 先頭へ 前へ 次へ 最後へ
境界線
  • border-width: *px; border-top-width: *px; CssPage_へ境界線の太さを指定する
  • border-color: #0000ff; border-top-color: blue; CssPage_へ境界線の色を指定する
  • border-style: solid; border-top-style: solid; CssPage_へ境界線のスタイルを指定する
  • border: 1px blue solid; border-top: thick #0000ff dotted; CssPage_へ境界線の太さ・色・スタイルをまとめて指定する

(ボックス) 先頭へ 前へ 次へ 最後へ
表示方法
  • overflow: auto; CssPage_へボックスからはみ出た部分の表示方法を指定する
    • 独自拡張overflow-X: auto; CssPage_へはみ出た部分の縦横の処理を個別に指定する
  • display: inline; CssPage_へ表示形式(インライン・ブロック・リスト・非表示)を指定する
  • visibility: visible; CssPage_へ表示・非表示を指定する

(ボックス) 先頭へ 前へ * *
配置
  • float: left; CssPage_へボックスのフロート(浮動化)を指定する
    • clear: both; CssPage_へ文字の回り込みを解除する
  • position: static; CssPage_へボックスの配置方法を指定する
    • top: *px; right: *px; bottom: *px; left: *px; CssPage_へボックスの表示位置を指定する
    • z-index: 1; CssPage_へボックスの重なりの順序を指定する


 独自拡張:ブラウザ独自のプロパティ

Page Top