カスケーディングスタイルシート レベル 2 改訂2版 (CSS 2.2) 仕様書

概要

この仕様書はカスケーディングスタイルシート (CSS) レベル 2 を定義します。CSSは、著者やユーザーがスタイル（例: フォントや間隔）を構造化文書（例: HTML文書やXMLアプリケーション）に付与することを可能にするスタイルシート言語です。文書のプレゼンテーションスタイルを文書の内容から分離することで、CSSはウェブ作成やサイト管理を簡素化します。

CSS 2.2はCSSレベル 2の[CSS2]の2回目の改訂版です。これはCSS 2.1（CSSレベル 2の最初の改訂版）のいくつかのエラーを修正しています。これは最新のCSSバージョンではありません。「CSS Snapshot」[CSS]を参照してください。CSS全体を構成する仕様書の概要が記されています。

CSSレベル 2はメディア固有のスタイルシートをサポートしており、著者が文書のプレゼンテーションを視覚ブラウザ、音響デバイス、プリンター、点字デバイス、ハンドヘルドデバイスなどに対応させることができます。また、コンテンツの位置指定、表レイアウト、国際化のための機能、ユーザーインターフェースに関連するいくつかのプロパティもサポートしています。

この文書のステータス

このセクションは、この文書が公開された時点でのステータスを記述しています。その他の文書がこの文書を置き換える場合があります。現行のW3C出版物およびこの技術報告書の最新版のリストは、W3C技術報告書インデックス（http://www.w3.org/TR/）で確認できます。

初回公開草案としての公開は、W3Cメンバーシップによる承認を意味するものではありません。本書は草案であり、いつでも更新、置き換え、または廃止される可能性があります。本書を進行中の作業以外として引用することは不適切です。

この文書は、CSS作業部会（スタイル活動の一部）により作成されました。

この仕様書の議論には、（アーカイブ済み）公衆メーリングリストwww-style@w3.org（指示を参照）を利用することが推奨されます。電子メールを送る際には、件名に「CSS22」というテキストを含めるようにしてください。例えば、「[CSS22] …コメントの要約…」のように。

この文書は、2004年2月5日版W3C特許方針に基づいて運営されるグループによって作成されました。W3Cはこのグループの成果物に関連して行われた特許開示の公開リストを維持しています。そのページには特許を開示するための手順も記載されています。個人が、必須クレームを含むと考える特許について実際の知識を持つ場合は、W3C特許方針第6節に従って情報を開示する必要があります。

この文書は、2015年9月1日版W3Cプロセス文書によって管理されています。

以前の勧告からのすべての変更点は、付録 Cに記載されています。

全文目次

• 1 CSS 2.2仕様について
  • 1.1 CSS 2.2とCSS 2の違い
  • 1.2 仕様書の読み方
  • 1.3 仕様書の構成
  • 1.4 表記法
    • 1.4.1 文書言語の要素と属性
    • 1.4.2 CSSプロパティの定義
      • 1.4.2.1 値
      • 1.4.2.2 初期値
      • 1.4.2.3 適用対象
      • 1.4.2.4 継承
      • 1.4.2.5 パーセンテージ値
      • 1.4.2.6 メディアグループ
      • 1.4.2.7 計算値
    • 1.4.3 ショートハンドプロパティ
    • 1.4.4 注釈と例
    • 1.4.5 画像と詳細説明
  • 1.5 謝辞
• 2 CSS 2.2の導入
  • 2.1 HTML向けCSS 2.2の簡単チュートリアル
  • 2.2 XML向けCSS 2.2の簡単チュートリアル
  • 2.3 CSS 2.2の処理モデル
    • 2.3.1 キャンバス
    • 2.3.2 CSS 2.2のアドレッシングモデル
  • 2.4 CSS設計原則
• 3 適合性：要件および推奨事項
  • 3.1 定義
  • 3.2 UA適合性
  • 3.3 エラー状態
  • 3.4 text/cssコンテンツタイプ
• 4 構文と基本データ型
  • 4.1 構文
    • 4.1.1 トークン化
    • 4.1.2 キーワード
      • 4.1.2.1 ベンダー固有拡張
      • 4.1.2.2 参考：歴史的注記
    • 4.1.3 文字と大文字小文字
    • 4.1.4 ステートメント
    • 4.1.5 At規則
    • 4.1.6 ブロック
    • 4.1.7 規則セット・宣言ブロック・セレクター
    • 4.1.8 宣言とプロパティ
    • 4.1.9 コメント
  • 4.2 パースエラー処理規則
  • 4.3 値
    • 4.3.1 整数と実数
    • 4.3.2 長さ
    • 4.3.3 パーセンテージ
    • 4.3.4 URLとURI
    • 4.3.5 カウンタ
    • 4.3.6 色
    • 4.3.7 文字列
    • 4.3.8 未サポート値
  • 4.4 CSSスタイルシートの表現
    • 4.4.1 文字エンコーディングで表現できない文字の参照
• 5 セレクター
  • 5.1 パターンマッチング
  • 5.2 セレクター構文
    • 5.2.1 グループ化
  • 5.3 汎用セレクター
  • 5.4 型セレクター
  • 5.5 子孫セレクター
  • 5.6 子セレクター
  • 5.7 隣接兄弟セレクター
  • 5.8 属性セレクター
    • 5.8.1 属性と属性値の一致
    • 5.8.2 DTDにおけるデフォルト属性値
    • 5.8.3 クラスセレクター
  • 5.9 IDセレクター
  • 5.10 疑似要素と疑似クラス
  • 5.11 疑似クラス
    • 5.11.1 :first-child 疑似クラス
    • 5.11.2 リンク疑似クラス: :link および :visited
    • 5.11.3 動的疑似クラス: :hover, :active, および :focus
    • 5.11.4 言語疑似クラス: :lang
  • 5.12 疑似要素
    • 5.12.1 :first-line 疑似要素
    • 5.12.2 :first-letter 疑似要素
    • 5.12.3 :before および :after 疑似要素
• 6 プロパティ値の割り当て、カスケーディング、および継承
  • 6.1 指定値、計算値、および実際の値
    • 6.1.1 指定値
    • 6.1.2 計算値
    • 6.1.3 使用値
    • 6.1.4 実際の値
  • 6.2 継承
    • 6.2.1 'inherit' 値
  • 6.3 @importルール
  • 6.4 カスケーディング
    • 6.4.1 カスケーディング順序
    • 6.4.2 !importantルール
    • 6.4.3 セレクターの特異性の計算
    • 6.4.4 非CSSプレゼンテーションヒントの優先順位
• 7 メディアタイプ
  • 7.1 メディアタイプの概要
  • 7.2 メディア依存のスタイルシートの指定
    • 7.2.1 @mediaルール
  • 7.3 認識されるメディアタイプ
    • 7.3.1 メディアグループ
• 8 ボックスモデル
  • 8.1 ボックスの寸法
  • 8.2 マージン、パディング、ボーダーの例
  • 8.3 マージンプロパティ: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', および 'margin'
    • 8.3.1 マージンの相殺
  • 8.4 パディングプロパティ: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', および 'padding'
  • 8.5 ボーダープロパティ
    • 8.5.1 ボーダー幅: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', および 'border-width'
    • 8.5.2 ボーダーの色: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', および 'border-color'
    • 8.5.3 ボーダーのスタイル: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', および 'border-style'
    • 8.5.4 ボーダーのショートハンドプロパティ: 'border-top', 'border-right', 'border-bottom', 'border-left', および 'border'
  • 8.6 双方向コンテキストにおけるインライン要素のボックスモデル
• 9 視覚フォーマットモデル
  • 9.1 視覚フォーマットモデルの概要
    • 9.1.1 ビューポート
    • 9.1.2 包含ブロック
  • 9.2 ボックス生成の制御
    • 9.2.1 ブロックレベル要素とブロックボックス
      • 9.2.1.1 匿名ブロックボックス
    • 9.2.2 インラインレベル要素とインラインボックス
      • 9.2.2.1 匿名インラインボックス
    • 9.2.3 ランインボックス
    • 9.2.4 'display' プロパティ
  • 9.3 位置決定スキーム
    • 9.3.1 位置決定スキームの選択: 'position' プロパティ
    • 9.3.2 ボックスオフセット: 'top', 'right', 'bottom', 'left'
  • 9.4 通常のフロー
    • 9.4.1 ブロックフォーマットコンテキスト
    • 9.4.2 インラインフォーマットコンテキスト
    • 9.4.3 相対配置
  • 9.5 フロート
    • 9.5.1 フロートの配置: 'float' プロパティ
    • 9.5.2 フロートの隣でのフロー制御: 'clear' プロパティ
  • 9.6 絶対配置
    • 9.6.1 固定配置
  • 9.7 『display』『position』および『float』の関係
  • 9.8 通常のフロー、フロート、および絶対配置の比較
    • 9.8.1 通常のフロー
    • 9.8.2 相対配置
    • 9.8.3 ボックスのフロート
    • 9.8.4 絶対配置
  • 9.9 レイヤー構造のプレゼンテーション
    • 9.9.1 スタックレベルの指定: 'z-index' プロパティ
  • 9.10 テキストの方向: 'direction' および 'unicode-bidi' プロパティ
• 10 視覚的フォーマットモデルの詳細
  • 10.1 "包含ブロック" の定義
  • 10.2 コンテンツ幅: 'width' プロパティ
  • 10.3 幅とマージンの計算
    • 10.3.1 インライン、置換されない要素
    • 10.3.2 インライン、置換された要素
    • 10.3.3 ブロックレベル、置換されない要素（通常フロー内）
    • 10.3.4 ブロックレベル、置換された要素（通常フロー内）
    • 10.3.5 浮動、置換されない要素
    • 10.3.6 浮動、置換された要素
    • 10.3.7 絶対配置、置換されない要素
    • 10.3.8 絶対配置、置換された要素素
    • 10.3.9 'インラインブロック'、置換されない要素（通常フロー内）
    • 10.3.10 'インラインブロック'、置換要素（正常フロー内）
  • 10.4 最小幅と最大幅: 'min-width' および 'max-width'
  • 10.5 コンテンツの高さ: 'height' プロパティ
  • 10.6 高さとマージンの計算
    • 10.6.1 インライン、置換されない要素
    • 10.6.2 インライン置換要素、 通常フロー内のブロックレベル置換要素、『インラインブロック』置換要素および浮動置換要素
    • 10.6.3 通常フロー内のブロックレベル置換されない要素（『overflow』が『visible』に計算される場合）
    • 10.6.4 絶対配置、置換されない要素
    • 10.6.5 絶対配置、置換された要素
    • 10.6.6 複雑なケース
    • 10.6.7 ブロックフォーマットコンテキストルートにおける『auto』高さ
  • 10.7 最小高さと最大高さ: 'min-height' および 'max-height'
  • 10.8 行の高さの計算: 'line-height' および 'vertical-align' プロパティ
    • 10.8.1 行間と半行間
• 11 視覚効果
  • 11.1 オーバーフローとクリッピング
    • 11.1.1 オーバーフロー: 'overflow' プロパティ
    • 11.1.2 クリッピング: 'clip' プロパティ
  • 11.2 可視性: 'visibility' プロパティ
• 12 生成されたコンテンツ、自動番号付け、およびリスト
  • 12.1 :before と :after 疑似要素
  • 12.2 'content' プロパティ
  • 12.3 引用符
    • 12.3.1 'quotes' プロパティによる引用符の指定
    • 12.3.2 引用符の挿入: 'content' プロパティを使用
  • 12.4 自動カウンタと番号付け
    • 12.4.1 ネストされたカウンタとスコープ
    • 12.4.2 カウンタスタイル
    • 12.4.3 'display: none' の要素におけるカウンター
  • 12.5 リスト
    • 12.5.1 リスト: 'list-style-type', 'list-style-image', 'list-style-position', および 'list-style' プロパティ
• 13 ページ化されたメディア
  • 13.1 ページ化されたメディアの概要
  • 13.2 ページボックス: @page ルール
    • 13.2.1 ページマージン
    • 13.2.2 ページセレクター: 左ページ、右ページ、および最初のページの選択
    • 13.2.3 ページボックス外の内容
  • 13.3 改ページ
    • 13.3.1 改ページプロパティ: 'page-break-before', 'page-break-after', 'page-break-inside'
    • 13.3.2 要素内の改ページ: 'orphans', 'widows'
    • 13.3.3 許容される改ページ
    • 13.3.4 強制的な改ページ
    • 13.3.5 「最良」の改ページ
  • 13.4 ページコンテキストでのカスケード
• 14 色と背景
  • 14.1 前景色: 'color' プロパティ
  • 14.2 背景
    • 14.2.1 背景プロパティ: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', および 'background'
• 15 フォント
  • 15.1 はじめに
  • 15.2 フォントマッチングアルゴリズム
  • 15.3 フォントファミリー: 'font-family' プロパティ
    • 15.3.1 汎用フォントファミリー
      • 15.3.1.1 serif
      • 15.3.1.2 sans-serif
      • 15.3.1.3 cursive
      • 15.3.1.4 fantasy
      • 15.3.1.5 monospace
  • 15.4 フォントスタイリング: 'font-style' プロパティ
  • 15.5 スモールキャップ: 'font-variant' プロパティ
  • 15.6 フォントの太さ: 'font-weight' プロパティ
  • 15.7 フォントサイズ: 'font-size' プロパティ
  • 15.8 フォントのショートハンドプロパティ: 'font' プロパティ
• 16 テキスト
  • 16.1 インデント: 'text-indent' プロパティ
  • 16.2 整列: 'text-align' プロパティ
  • 16.3 装飾
    • 16.3.1 下線、上線、打ち消し線、点滅: 'text-decoration' プロパティ
  • 16.4 文字と単語の間隔: 'letter-spacing' および 'word-spacing' プロパティ
  • 16.5 大文字化: 'text-transform' プロパティ
  • 16.6 空白: 'white-space' プロパティ
    • 16.6.1 'white-space' 処理モデル
    • 16.6.2 双方向性と空白折り畳みの例
    • 16.6.3 制御文字と結合文字の詳細
• 17 テーブル
  • 17.1 テーブルの概要
  • 17.2 CSSテーブルモデル
    • 17.2.1 匿名のテーブルオブジェクト
  • 17.3 列
  • 17.4 視覚整形モデルにおけるテーブル
    • 17.4.1 キャプションの位置と整列
  • 17.5 テーブルコンテンツの視覚レイアウト
    • 17.5.1 テーブルのレイヤーと透明性
    • 17.5.2 テーブル幅アルゴリズム: 'table-layout' プロパティ
      • 17.5.2.1 固定テーブルレイアウト
      • 17.5.2.2 自動テーブルレイアウト
    • 17.5.3 テーブル高さアルゴリズム
    • 17.5.4 列内の水平整列
    • 17.5.5 行と列の動的効果
  • 17.6 境界線
    • 17.6.1 分離された境界線モデル
      • 17.6.1.1 空のセルの境界線と背景: 'empty-cells' プロパティ
    • 17.6.2 折り畳まれた境界線モデル
      • 17.6.2.1 境界線の競合解決
    • 17.6.3 境界スタイル
• 18 ユーザーインターフェース
  • 18.1 カーソル: 'cursor' プロパティ
  • 18.2 システムカラー
  • 18.3 フォントのユーザー設定
  • 18.4 動的アウトライン: 'outline' プロパティ
    • 18.4.1 アウトラインとフォーカス
  • 18.5 拡大
• 付録 A. オーラルスタイルシート
  • A.1 メディアタイプ 'aural' と 'speech'
  • A.2 オーラルスタイルシートの紹介
    • A.2.1 角度
    • A.2.2 時間
    • A.2.3 周波数
  • A.3 音量プロパティ: 'volume'
  • A.4 発話プロパティ: 'speak'
  • A.5 ポーズプロパティ: 'pause-before', 'pause-after', および 'pause'
  • A.6 キュープロパティ: 'cue-before', 'cue-after', および 'cue'
  • A.7 ミキシングプロパティ: 'play-during'
  • A.8 空間プロパティ: 'azimuth' および 'elevation'
  • A.9 音声特性プロパティ: 'speech-rate', 'voice-family', 'pitch', 'pitch-range', 'stress', および 'richness'
  • A.10 スピーチプロパティ: 'speak-punctuation' および 'speak-numeral'
  • A.11 表の音声レンダリング
    • A.11.1 ヘッダーの読み上げ: 'speak-header' プロパティ
  • A.12 のサンプルスタイルシート
  • A.13 Emacspeak
• 付録 B. 参考文献
  • B.1 規範的参照
  • B.2 参考情報
• 付録 C. 変更点
  • C.1 2011年6月7日の勧告以降の変更点
• 付録 D. HTML 4 のデフォルトスタイルシート
• 付録 E. スタッキングコンテキストの詳細な説明
  • E.1 定義
  • E.2 描画順序
  • E.3 注意事項
• 付録 F. プロパティの完全な表
• 付録 G. CSS 2.2 の文法
  • G.1 文法
  • G.2 字句スキャナー
  • G.3 CSS 2.2 と CSS1 のトークン化の比較
  • G.4 実装メモ
• 付録 I. 索引