Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification 日本語訳

概要

この仕様はCascading Style Sheets level 2を定義する。CSSは、著者およびユーザーが構造化文書（たとえば、HTML文書やXMLアプリケーション）にスタイル（たとえば、フォントや文字間隔）を付加することを可能にするスタイルシート言語である。文書のコンテンツから表示スタイルを分離することで、CSSはウェブ制作およびサイトの保守・管理を簡素化する。

CSS 2.2は、CSS level 2の2度目の改訂版である。CSS 2.2は、CSS level 2の最初の改訂版である、CSS 2.1における数カ所の誤りを修正する。この仕様はCSSの最新版ではない。CSS全体を構成する仕様の概要については、"CSS Snapshot" [CSS]を参照のこと。

この仕様は、メディア固有のスタイルシートをサポートしており、著者は、視覚ブラウザー、聴覚装置、プリンター、点字デバイス、携帯端末などへの文書のスタイルを調整することができる。また、コンテンツの配置、テーブルのレイアウト、国際化のための機能とユーザーインターフェイスに関連するプロパティをサポートしている。

この文書の位置付け

この節は、公開時点におけるこの文書のステータスについて説明する。他の文書がこの文書に取って代わるかもしれない。W3Cが現在公開しているリストとテクニカルレポートの最新版は、W3C technical reports index at http://www.w3.org/TR/で見つけることができる。

First Public Working Draftとしての公開はW3Cメンバーの支持を意味するものではない。これは草案文書であり、いつでも更新、他の文書による置き換えや廃止扱いにされうる。進行中の作業以外のものとしてこの文書を引用することは不適切である。

この文書は（Style Activityの一部である）CSS Working Groupによって作成された。

この文書に関する議論は、公開メーリングリストwww-style@w3.org（アーカイブ、参加の手引きを参照）上で行うことが望ましい。メールを送信する際には、“CSS22”をsubjectに含めてもらいたい。できればこのように：“[CSS22]…コメントの要約…”

この文書は2004年2月6日のW3C特許ポリシーの下で活動するグループによって作成された。W3Cは、グループの成果物に関するあらゆる開示特許の公開リストを管理する。ここには、特許開示にあたっての指示も含まれている。特許について十分に知識のある人物が、仕様にEssential Claim(s)が認められると判断した場合は、W3C特許ポリシーの第6章に従い情報を開示する必要がある。

この文書は、2015年9月1日のW3C Process Documentによって管理される。

前のRecommendationからのすべての変更点は付録 Cに記載される。

完全な目次

• 1 CSS 2.2仕様について
  • 1.1 CSS 2.2 vs 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 ユーザーエージェントの適合性
  • 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 @規則
    • 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-bottom'、'border-right'、'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 HTMLのサンプルスタイルシート
  • 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. 索引