タグ「Level 1」

CSSモジュール一覧更新(2014年11月)

前回の2014年3月20日以来、ずっと確認を怠ってきたのですが、例年のCSS3講義が近づいてきたので、8か月ぶりにCSSモジュールの更新状況をチェックしてみました。さすがに、半年以上も経過すると多くの変更点が存在するため、以下の表にまとめてみました。また、「CSS3モジュール一覧」ページの表も、更新してあります。

「CSSモジュール一覧更新(2014年11月)」の続きを読む→

CSS3モジュール一覧更新(2014年3月)

CSS3モジュール一覧更新」のページを更新しました。2013年11月21日以降の更新は、以下のとおりです。

CSS Syntax Module Level 3
2014年2月20日に更新。勧告候補に昇格
Compositing and Blending Level 1
2014年2月20日に更新。勧告候補に昇格
CSS Display Module Level 3
2014年2月20日に作業草案として新規追加
CSS Font Loading Module Level 3
2014年2月20日に作業草案として新規追加
CSS Regions Module Level 1
2014年2月18日に更新
CSS Masking Module Level 1
2014年2月13日に更新。最終草案から作業草案に格下げ
CSS Shapes Module Level 1
2014年2月11日に更新。最終草案
CSS Backgrounds and Borders Module Level 3
2014年2月4日に更新。前回(2012年7月24日)の勧告候補から最終草案に格下げ
Encoding
2014年1月28日に作業草案として新規追加
CSS Grid Layout Module Level 1
2014年1月23日に更新
CSS Fragmentation Module Level 3
2014年1月16日に更新
CSSOM View Module
2013年12月17日に更新
CSS Object Model (CSSOM)
2013年12月5日に更新
CSS Writing Modes Level 3
2013年11月26日に更新。最終草案
CSS Transforms Module Level 1
2013年11月26日に更新。旧称「CSS Transforms」から、Level 1として再定義
Filter Effects Module Level 1
2013年11月26日に更新。旧称「Filter Effects 1.0」から、Level 1として再定義

注目点としては、以下の4点が挙げられます。

  • CSS Transform、Filter Effects 1.0は「Level 1」として再定義
  • CSS Display Module Level 3、CSS Font Loading Module Level 3、Encodingの3モジュールを新規追加
  • CSS Syntax Module Level 3とCompositing and Blending Level 1が勧告候補に昇格
  • CSS Masking Module Level 1とCSS Backgrounds and Borders Module Level 3は格下げ

更新をサボっていたので、変更項目が増えてしまいましたが、これらのうち、”格下げ”が特に注意を惹きます。Masking Moduleは最終草案から作業草案という、草案同士での逆戻りなので、まあ、”最終”と名乗るのを少し早まってしまったのかな、という感じです。しかし、Backgrounds and Borders Moduleは、勧告候補から草案への格下げです。こうした後退は起きないものだとばかり思っていましたが、あり得るんですね。CSSではありませんが、未だに勧告候補のHTML5も、作業草案に戻る可能性もあるかもしれません…などと、不安を煽っておきましょう。

CSS3モジュール一覧

モジュール一覧

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

CSS3各モジュールの現況
モジュール名更新日時状況
  • W3CのCSS仕様書を参照して作成しました。
  • W3Cの仕様策定(標準化)の過程は、①「作業草案(Working Draft)」、②「勧告候補(Candidate Recommendation)」、③「勧告案(Proposed Recommendation)」の段階を順に経て、最終的に「W3C勧告(W3C Recommendation)」として決定されます。
  • 「編集者草案(Editor’s Draft)」は、実装の準備ができていない、作業草案以前の段階。もしくは、作業草案に対する実装準備ができていない変更提案。作業草案~W3C勧告がwww.w3.orgに掲載されるのに対し、編集者草案はdev.w3.orgの下に文書が掲示されています。
W3C勧告
CSS Color Module Level 32011年6月7日W3C勧告
CSS Namespaces Module Level 32014年3月20日W3C勧告
Selectors Level 32011年10月29日W3C勧告
Media Queries2012年6月19日W3C勧告
CSS Style Attributes2013年11月7日W3C勧告
W3C作業グループノート(W3C Working Group Note
CSS Marquee Module Level 32014年10月14日W3C作業グループノート
CSS Presentation Levels Module
旧称: CSS3 module: Presentation Levels
2014年10月14日W3C作業グループノート
CSS TV Profile 1.02014年10月14日W3C作業グループノート
CSS Mobile Profile 2.02014年10月14日W3C作業グループノート
Behavioral Extensions to CSS2014年10月14日W3C作業グループノート
CSS3 Hyperlink Presentation Module2014年10月14日W3C作業グループノート
The CSS ‘Reader’ Media Type2014年10月14日W3C作業グループノート
勧告候補
CSS Multi-column Layout Module2011年4月12日勧告候補
CSS Speech Module2012年3月20日勧告候補
CSS Image Values and Replaced Content Module Level 32012年4月17日勧告候補
CSS Values and Units Module Level 32013年7月30日勧告候補
CSS Conditional Rules Module Level 32013年4月4日勧告候補
CSS Text Decoration Module Level 32013年8月1日勧告候補
CSS Fonts Module Level 32013年10月3日勧告候補
CSS Cascading and Inheritance Level 3
旧称: CSS3 module: Cascading and Inheritance
2013年10月3日勧告候補
CSS Syntax Module Level 3
旧称: CSS3 module: Syntax
2014年2月20日勧告候補
Compositing and Blending Level 12014年2月20日勧告候補
CSS Backgrounds & Borders Module Level 32014年9月9日勧告候補
CSS Writing Modes Level 3
旧称: CSS Writing Modes Module Level 3
2014年3月20日勧告候補
Encoding2014年9月16日勧告候補
CSS Shapes Module Level 12014年3月20日勧告候補
CSS Masking Module Level 1
旧称: CSS Masking Level 1
2014年8月26日勧告候補
作業草案
CSS Basic User Interface Module Level 3
(CSS3 UI)
2012年1月17日作業草案
CSS Paged Media Module Level 3
旧称: CSS3 Module: Paged Media
2013年3月14日作業草案
CSS Transitions2013年11月19日作業草案
CSS Animations2013年2月19日作業草案
CSS Text Module Level 32013年10月10日最終草案
CSSOM View Module2013年12月17日作業草案
CSS Device Adaptation2011年9月15日作業草案
CSS Generated Content for Paged Media Module2014年3月13日作業草案
CSS Lists and Counters Module Level 32014年3月20日作業草案
CSS Counter Styles Level 32014年8月26日最終草案
CSS Template Layout Module2011年11月29日作業草案
CSS Intrinsic & Extrinsic Sizing Module Level 32012年09月27日作業草案
CSS Fragmentation Module Level 32014年1月16日作業草案
CSS Box Alignment Module Level 32013年5月14日作業草案
CSS Positioned Layout Module Level 32012年2月7日作業草案
CSS Generated Content for Paged Media Module2014年5月13日作業草案
CSSOM
CSS Object Model
2013年12月5日作業草案
CSS basic box model2007年8月9日作業草案
CSS3 Generated and Replaced Content Module2003年5月14日作業草案
CSS3 module: line2002年5月15日作業草案
CSS Overflow Module Level 32013年4月18日作業草案
CSS Display Module Level 32014年9月11日作業草案
CSS Font Loading Module Level 32014年5月22日最終草案
Level 1
CSS Flexible Box Layout Module Level 1
旧称: CSS Flexible Box Layout Module
2014年9月25日最終草案
CSS Custom Properties for Cascading Variables Module Level 12014年5月6日最終草案
Geometry Interfaces Module Level 12014年6月26日最終草案
CSS Regions Module Level 1
旧称: CSS Regions Module Level 3
2014年10月9日作業草案
CSS Exclusions Module Level 1
旧称: CSS Exclusions and Shapes Module Level 3
2013年5月28日作業草案
CSS Grid Layout Module Level 1
旧称: CSS Grid Layout
2014年5月13日作業草案
CSS Ruby Module Level 1
旧称: CSS3 Ruby Module
2014年8月5日作業草案
Filter Effects Module Level 1
旧称: Filter Effects 1.0
2013年11月26日作業草案
CSS Transforms Module Level 1
旧称: CSS Transforms
2013年11月26日作業草案
CSS Line Grid Module Level 12014年9月16日作業草案
CSS Scoping Module Level 12014年4月3日作業草案
Non-element Selectors Module Level 12014年6月3日作業草案
CSS Will Change Module Level 12014年4月29日作業草案
Web Animations 1.02014年6月5日作業草案
CSS4
Selectors Level 42013年5月2日作業草案
CSS Image Values and Replaced Content Module Level 42012年9月11日作業草案
Media Queries Level 42014年6月5日作業草案
CSS Text Level 42014年2月03日編集者草案
CSS Backgrounds and Borders Module Level 42014年3月14日編集者草案

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

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

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

krzm.jp:not(so-called mobile friendly)