CSS3モジュール一覧

モジュール一覧

CSS3の現況を、以下にまとめてみました。

また、各モジュールの概要は、以下のとおりです。

CSS3各モジュールの概要

W3C勧告

CSS Color Module Level 3

色の値を定義しています。対象要素全体の透明度や色毎の透明度、そしてHSLカラーモードなどが追加されています。

CSS Namespaces Module

「@namespace」文で、名前空間を指定できるようになっています。

Selectors Level 3

セレクターを定義しています。新しい属性セレクター、擬似クラス、セレクターの組み合わせが追加されたほか、擬似要素の書式が「要素::擬似要素名」に変更されています。

Media Queries

@media等で使う、表示デバイスのメディア特性を指定する方法を定義しています。画面等のサイズを使った条件も指定できるようになっています。

CSS Style Attributes

HTMLの要素の開始タグに、style属性を書き込む方法を定義しています。

勧告候補

CSS Backgrounds & Borders Module Level 3

背景色や背景画像と、境界線（border）の指定を定義しています。注目度が高いものとしては、背景画像の複数指定やサイズ指定、コーナーの角丸、ボックスに対するドロップシャドウなどが追加されています。

CSS Marquee Module Level 3

電光掲示板のように、要素内で文章などの内容を移動させる「マーキー効果」を定義しています。IE独自機能であるmarquee要素を、スタイルシートとして実現するもののようです。

CSS Multi-column Layout Module

テキストの段組みを指定する、新しいプロパティが定義されています。

CSS Speech Module

音声ブラウザーでの、音声コントロールを定義しています。

CSS Flexible Box Layout Module

フロートに替わる、ボックス要素の横並び方法（フレックスボックス）を定義します。横並びにさせるボックスの表示順序も指定できます。

勧告候補になってはいますが、横並びにするためのdisplayプロパティ値（現在はflex）がたびたび変更されているので、以前の値（box）で指定している場合は注意してください。

CSS Image Values and Replaced Content Module Level 3

値として使う（たとえばbackground-imageの値）画像や、画像に置き換わる内容の指定を定義しています。“画像に置き換わる内容”として最も注目度が高いものは、グラデーションでしょう。

勧告候補になってはいますが、グラデーションの向きを指定する引数が変更されているため、以前の方法で指定している場合は注意してください。
また、フォールバックコンテンツ（表示できない場合の代替コンテンツ）として複数の値を指定できるようにしているほか、ビットマップ画像に解像度の指定が可能になっています。

CSS Values and Units Module Level 3

プロパティ値の型と単位を定義しています。

CSS Conditional Rules Module Level 3

＠命令文の入れ子ルール、@mediaの条件式、@document文が定義されています。

CSS Text Decoration Module Level 3

下線、傍点といった文字装飾を制御する指定を定義しています。また、文字にドロップシャドウを付けるスタイルも追加されています。

文字のドロップシャドウ（text-shadowプロパティ）は、当初CSS Text Level 3で定義されていましたが、このプロパティを含め、文字装飾に関わるものは2012年11月13日にCSS Text Decoration Module Level 3に移されました。

CSS Fonts Module Level 3

書体や文字サイズ等の指定を定義しています。文字の変形（長体／平体）や異体字、字詰指定のほか、サーバー上に置いたフォントを表示させるWebフォントの指定が追加されています。

CSS Cascading and Inheritance Level 3

@importと@media文が定義されています。

作業草案

CSS Basic User Interface Module Level 3

(CSS3 UI)

div要素等で表示させる「ボックス」の構造や、マウス・キーボード等の操作を、ユーザーインターフェイスとして制御する指定を定義しています。ボックス構造では、paddingの扱いを標準／互換モードのように制御するbox-sizingプロパティや、ユーザーの操作でボックスサイズを変えられるresizeプロパティ等が追加されています。

CSS Paged Media Module Level 3

旧称CSS3 Module: Paged Media。印刷レイアウトを念頭に置いた、ページの制御を定義しています。

CSS Transforms

(CSS 2D Transformations／3D Transformations)

ボックス要素の移動、回転、スケール、斜変形といった変形を指定する、新しいプロパティが定義されています。XY軸方向の二次元変形だけでなく、Z軸方向を加えた三次元変形や遠近効果にも対応しています。

2D Transformationsと3D Transformationsに分かれていたモジュールは、CSS Transformsとして統一されました。

CSS Transitions

要素に表示の切り替え効果を指定する、新しいプロパティが定義されています。

CSS Animations

要素にキーフレームを使ったアニメーションを指定する、新しいプロパティが定義されています。

CSS Text Level 3

テキストの揃えと改行や行末の表示処理、インデント等を制御する指定を定義しています。text-justifyプロパティは、ここで正式に定義されています。

CSS Writing Modes Module Level 3

テキストの表示方向の指定を定義しています。縦書きテキストが、正式にサポートされています。

CSSOM View Module

CSS オブジェクトモデルの表示を定義しています。プロパティや値ではなく、表示方法の基本概念が定義されています。

CSS Device Adaptation

ビューポートを制御する@viewport文が定義されています。表示画面に合わせた内容のスケーリングが可能になります。

CSS Generated Content for Paged Media Module

ページ表示における様々な制御方法を定義しています。その中には、リンクのターゲット指定や、垂直方向のフロートなどが含まれています。

CSS Lists and Counters Module Level 3

リストの表示スタイルを定義しています。擬似要素としての::markerや、@命令文での@counter-styleが追加されています。

CSS Counter Styles Level 3

@counter-styleの細部を定義しています。

CSS3 module: Presentation Levels

文書構造のアウトラインレベルに相当するものを「プレゼンテーションレベル」として定義し、その表示を制御する指定を定義しています。

CSS Template Layout Module

配置順序を予め定義し、それに合わせて要素を並べていく方法を定義しています。

CSS Intrinsic & Extrinsic Sizing Module Level 3

幅や高さのプロパティに対し、要素内容に応じた調整ができるような値が追加されています。

CSS Fragmentation Module Level 3

改ページ、改段等の、ページや段組みレイアウトの表示を制御するプロパティが定義されています。

CSS Box Alignment Module Level 3

ブロックレベル表示、テーブル、フレキシブルボックスレイアウト、グリッドレイアウトにおける、ボックスの配置方法を制御するプロパティが定義されています。

CSS Positioned Layout Module Level 3

positionプロパティの機能強化（新プロパティの追加）等が定義されています。

CSS Generated Content for Paged Media Module

ページレイアウトにおいて、脚注等として生成／追加される内容のスタイルを定義しています。

CSSOM

(CSS Object Model)

CSSオブジェクトモデルを定義しています。これは、プログラム等でCSSを解析する上での概念を提示しています。

CSS basic box model

幅、高さ、内側／外側余白といった、CSSによって表示されるボックスの概念を定義しています。

CSS3 Generated and Replaced Content Module

contentプロパティなどによって生成／追加される内容の概念を定義しています。

CSS3 module: line

line-heightなど、行の表示に関わる指定を定義しています。

CSS Syntax Module Level 3

CSSの構文全般を定義しています。

CSS Overflow Module Level 3

オーバーフローした要素内容の処理方法を定義しています。

Filter Effects 1.0

SVG画像に対する特殊効果（ドロップシャドウやガウスぼかしといったフィルター効果）や、そのレンダリング技術を定義しています。通常のHTMLの要素を対象としたものではありません。

Level 1

CSS Custom Properties for Cascading Variables Module Level 1

ユーザー定義のスタイルを値として使用できるようにします。

red-color:rgb(255,0,0)といったスタイル定義をしたうえで、color:var(red-color)のようにvar関数の引数としてユーザー定義スタイルを使用します。

CSS Regions Module Level 1

要素を領域として定義し、それらにiframe要素で読み込んだ別ファイルの内容を、連結された状態で流し込む方法を定義しています。IE10は、このスタイルを実装しています。

CSS Exclusions Module Level 1

テキストに対する、ブロックレベル表示要素（グリッドレイアウトを含む）の回り込みを定義します。従来のfloatプロパティよりも、高度な回り込み方法を定義しています。IE 10は、このスタイルを実装しています。

CSS Shapes Module Level 1

インライン表示のフローコンテンツ（基本的には文字列）を回り込ませるための形状を、定義します。円形や不定形での回り込みを、実現させます。

CSS Masking Level 1

HTMLの要素やSVG画像に対し、輝度マスク（luminance mask）画像を指定することによって、マスキング効果を与える新しいプロパティが定義されています。

Compositing and Blending Level 1

HTMLの要素やSVG画像、およびCanvas 2Dのオブジェクトに対して、背景物との合成方法を定義します。

たとえば、CSSに追加されるblend-modeプロパティは、「乗算」「オーバーレイ」といった、CorelDRAWやPHOTO-PAINTの「マージモード」に相当する合成方法を指定できます。このほか、背景物との”抜き合わせ”を定義するknock-outプロパティなどがあります。

CSS Grid Layout Module Level 1

ページにグリッドを定義し、そのマス目に応じて要素を配置させる「グリッドレイアウト（Grid Layout）」の指定を定義しています。IE10は、このスタイルを実装しています。

CSS3 Ruby Module Level 1

フリガナ（ルビ）の表示に関わる指定を定義しています。