正しい知識を得たい人の爲のCSS2リファレンス

簡易目次

• 概要
• CSS2の構文
• 基本データ型
• セレクタ
• 値わりあて，カスケード処理，継承
• メディアタイプ
• HTML文書へのスタイルシート適用

• プロパティの定義
• テキスト
• 色と背景
• フォント
• ボックスモデル
• 視覚整形モデル
• テーブル
• 生成内容
• リストとマーカー
• ユーザインタフェイス

• 附録
  • CSSに関するアクセシビリティ技術
  • CSS2.0のプロパティ一覧表
  • CSS2.1のプロパティ一覧表
  • CSS2.1の視覚整形モデル詳細

詳細目次

• 概要
  • CSSの概要
    • HTMLの経緯とCSSの役割
    • CSSの正式勧告水準について
    • 改訂版CSS2.1と次世代CSS3
      • CSS2.1 vs CSS2
  • CSSの設計原則
  • CSS2の処理モデル
    • カンヴァス（The canvas）
    • わりあてモデル（addressing model）
  • 用語の定義
• CSS2の構文
  • 構文（Syntax）
    • 字句解析（Tokenization）
      • 空白類文字（whitespace）
    • 文（statements）
      • @規則（At-rules）
      • ブロック（Blocks）
      • 規則集合，宣言ブロック，セレクタ
        （Rule sets, declaration blocks, and selectors）
        • 宣言とプロパティ（Declarations and properties）
    • 文字と活字ケース（Characters and case）
      • 大文字と小文字の区別
      • 識別子（identifiers）
      • バックスラッシュ（\）によるエスケープ
    • キーワードと文字列（Keywords and Strings）
    • コメント（Comments）
  • 解析エラーの処理方法（Rules for handling parsing errors）
  • CSS文書の文字符号化方法（CSS document representation）
    • @charset規則（The @charset rule）
• 基本データ型
  • 整数値と実数値（Integers and real numbers）
  • 長さ（Lengths）
    • 相対的な単位（Relative length units）
    • 絶対的な単位（Absolute length units）
  • パーセント値（Percentages）
  • URI（Uniform Resource Identifier）
  • カウンタ（Counters）
  • 色（Colors）
    • #rrggbb, #rgb（Hexadecimal notation）
    • rgb()函数（Functional notation）
    • 色のキーワード（Color keywords）
    • システムカラー（System Colors）
  • 文字列（Strings）
  • サポートされない値（Unsupported Values）
• セレクタ
  • パターンマッチング（Pattern matching）
  • セレクタの構文（Selector syntax）
    • グループ化（Grouping）
  • 全称セレクタ（Universal selector）
  • タイプセレクタ（Type selectors）
  • 子孫セレクタ（Descendant selectors）
  • 子供セレクタ（Child selectors）
  • 隣接兄弟セレクタ（Adjacent sibling selectors）
  • 属性セレクタ（Attribute selectors）
  • クラスセレクタ（Class selectors）
  • IDセレクタ（ID selectors）
  • 疑似クラス（Pseudo-classes）
    • リンクに関する疑似クラス
    • ダイナミック疑似クラス
    • 言語に関する疑似クラス
    • :first-child疑似クラス
  • 疑似要素（Pseudo-elements）
    • :first-line疑似要素
    • :first-letter疑似要素
    • :before および :after疑似要素
• 値わりあて，カスケード処理，継承
  • 指定値，算出値，実効値
    • 指定値（Specified values）
    • 算出値（Computed values）
    • 実効値（Actual values）
  • CSS2.1での値わりあて
    • 指定値（Specified values）
    • 算出値（Computed values）
    • 使用値（Used values）
    • 実効値（Actual values）
  • 継承（Inheritance）
    • inherit という値
  • @import規則
  • カスケード処理（The cascade）
    • カスケードの順序（Cascading order）
    • 最重要規則（!important rules）
    • セレクタの詳細性（specificity）を計算する
    • CSS以外の手段による表現指定の優先度
• メディアタイプ
  • メディアタイプの概要
  • メディアタイプを特定する
  • @media規則
  • 認識されるメディアタイプ
  • メディアグループ
• HTML文書へのスタイルシート適用
  • デフォルトスタイルシート言語
  • link要素: 外部スタイルシート
    • 優先および代替
  • style要素: 文書ヘッダに埋込む
  • style属性: 各要素に埋込む

• プロパティの定義
  • CSSプロパティの定義
    • 値（Value）
    • 初期値（Initial value）
    • 適用要素（Applies to）
    • 継承性（Inherited）
    • パーセント値（Percentage values）
    • メディアグループ（Media groups）
  • 簡略表記プロパティ（Shorthand properties）
• テキスト
  • text-indent（先頭行のインデント）
  • text-align（テキストの整列）
  • 装飾
    • text-decoration（テキストの装飾）
    • text-shadow（テキストに影を附ける）
  • 文字と単語の間隔
    • letter-spacing（文字の間隔）
    • word-spacing（単語の間隔）
  • text-transform（大文字と小文字の変換）
  • white-space（空白類文字の扱い）
• 色と背景
  • 前景色：colorプロパティ
  • 背景
    • background-color（背景色の指定）
    • background-image（背景画像の指定）
    • background-repeat（背景画像の繰り返し）
    • background-attachment（背景画像の固定）
    • background-position（背景画像の初期位置）
    • background（背景の簡略表記プロパティ）
• フォント
  • font-family（フォントファミリの指定）
  • font-style（フォントのスタイル）
  • font-variant（フォントの変形）
  • font-weight（フォントの重さ）
  • font-stretch（フォントの伸縮）
  • font-size（フォントの大きさ）
  • font-size-adjust（フォントサイズの調整）
  • font（フォントの簡略表記プロパティ）
• ボックスモデル
  • ボックスの概要と寸法
    • 辺（edges）
  • マージンのプロパティ
    • 'auto' の概略
    • マージンの相殺
    • margin-top, margin-right,
      margin-bottom, margin-left
      （上，右，下，左のマージン）
    • margin（マージンの簡略表記プロパティ）
  • パディングのプロパティ
    • padding-top, padding-right,
      padding-bottom, padding-left
      （上，右，下，左のパディング）
    • padding（パディングの簡略表記プロパティ）
  • ボーダーのプロパティ
    • ボーダーの幅
      • border-top-width, border-right-width,
        border-bottom-width, border-left-width
        （上，右，下，左のボーダー幅）
      • border-width（ボーダー幅の簡略表記プロパティ）
    • ボーダーの色
      • border-top-color, border-right-color,
        border-bottom-color, border-left-color
        （上，右，下，左のボーダー色）
      • border-color（ボーダー色の簡略表記プロパティ）
    • ボーダーの種類
      • border-top-style, border-right-style,
        border-bottom-style, border-left-style
        （上，右，下，左のボーダーの種類）
      • border-style（ボーダーの種類の簡略表記プロパティ）
    • ボーダーの簡略表記プロパティ
      • border-top, border-right,
        border-bottom, border-left
        （上，右，下，左のボーダーの簡略表記プロパティ）
      • border（ボーダーの簡略表記プロパティ）
• 視覚整形モデル
  • 視覚整形モデル概論
  • 表示域（The viewport）
  • 包含ブロック（Containing blocks）
    • 「包含ブロック」の定義
  • ボックスの生成を制禦
    • ブロックレヴェル要素とブロックボックス
      • 匿名ブロックボックス
    • インライン要素とインラインボックス
      • 匿名インラインボックス
    • compactボックス
    • run-inボックス
    • displayプロパティ（ボックスの生成を指定）
  • 通常フロー（Normal flow）
    • ブロック整形文脈
    • インライン整形文脈
  • 配置体系
    • position（配置体系の選択）
    • top，bottom，left，right（ボックスをずらす）
  • フロート
    • float（フロートを配置する）
    • clear（フロートに後続する流し込みの制禦）
  • 'display', 'position', 'float'の相互関係
  • z-index（重ね合せの表現）
  • 書字方向の制禦
    • direction（基本書字方向の設定）
    • unicode-bidi（書字方向の埋込みと上書き）
  • width（内容領域の幅）
  • min-width，max-width（内容領域の幅の制限）
  • height（内容領域の高さ）
  • min-height，max-height（内容領域の高さの制限）
  • 行の高さを計算する
    • 行間と半行間
    • line-height（行の高さの計算に用いる指定）
    • vertical-align（垂直方向の整列）
  • 溢れ出しと切り拔き
    • overflow（溢れた内容の処理）
    • clip（切り拔き領域）
  • visibility（可視性）
  • 参考情報
    • 'width' および 'height' を算出する実装の違い
    • CSS3草案: 'box-sizing'（border-boxとcontent-box）
• テーブル
  • CSS表モデル
  • 列を操作する
  • 表の階層とその透過性
  • caption-side（表に対するキャプションの位置）
  • table-layout（表レイアウトの計算方法）
  • ボーダーの制禦
    • border-collapse（表のボーダーモデル）
    • border-spacing（ボーダー間隔の調整）
    • empty-cells（空セルのボーダーと背景を制禦）
• 生成内容
  • content（内容を生成する）
  • quotes（引用符を指定する）
• リストとマーカー
  • リストのプロパティ
    • list-style-type（リストマーカーの種類）
    • list-style-image（リストマーカーの画像）
    • list-style-position（リストマーカーの位置）
    • list-style（リストの簡略表記プロパティ）
  • marker-offset（マーカーと対応する主要ブロックとの間隔）
• ユーザインタフェース
  • cursor（カーソルの変更）
  • アウトライン（outline: 輪郭線）
    • outline-width（輪郭線の幅）
    • outline-color（輪郭線の色）
    • outline-style（輪郭線の種類）
    • outline（輪郭線の簡略表記プロパティ）

• 附録
  • CSSに関するアクセシビリティ技術
  • CSS2.0のプロパティ一覧表
  • CSS2.1のプロパティ一覧表
  • CSS2.1の視覚整形モデル詳細

この文書の情報

Katsu <katsu@ea.mbn.or.jp>