CSS3モジュール一覧CSS3モジュール一覧モジュール一覧CSS3の現況を、以下にまとめてみました。状況W3CのCSS仕様書を参照して作成しました。Recommendation)」として決定されます。Draft)」は、実装の準備ができていない、作業草案以前の段階。~W3C勧告がwww.w3.orgに掲載されるのに対し、編集者草案はdev.w3.orgの下に文書が掲示されています。編集者草案また、各モジュールの概要は、以下のとおりです。3色の値を定義しています。対象要素全体の透明度や色毎の透明度、そしてHSLカラーモードなどが追加されています。Module「@namespace」文で、名前空間を指定できるようになっています。3セレクターを定義しています。新しい属性セレクター、擬似クラス、セレクターの組み合わせが追加されたほか、擬似要素の書式が「要素::擬似要素名」に変更されています。Queries@media等で使う、表示デバイスのメディア特性を指定する方法を定義しています。画面等のサイズを使った条件も指定できるようになっています。AttributesHTMLの要素の開始タグに、style属性を書き込む方法を定義しています。3背景色や背景画像と、境界線(border)の指定を定義しています。注目度が高いものとしては、背景画像の複数指定やサイズ指定、コーナーの角丸、ボックスに対するドロップシャドウなどが追加されています。3電光掲示板のように、要素内で文章などの内容を移動させる「マーキー効果」を定義しています。IE独自機能であるmarquee要素を、スタイルシートとして実現するもののようです。Moduleテキストの段組みを指定する、新しいプロパティが定義されています。Module音声ブラウザーでの、音声コントロールを定義しています。Moduleフロートに替わる、ボックス要素の横並び方法(フレックスボックス)を定義します。横並びにさせるボックスの表示順序も指定できます。勧告候補になってはいますが、横並びにするためのdisplayプロパティ値(現在はflex)がたびたび変更されているので、以前の値(box)で指定している場合は注意してください。3値として使う(たとえばbackground-imageの値)画像や、画像に置き換わる内容の指定を定義しています。“画像に置き換わる内容”として最も注目度が高いものは、グラデーションでしょう。勧告候補になってはいますが、グラデーションの向きを指定する引数が変更されているため、以前の方法で指定している場合は注意してください。フォールバックコンテンツ(表示できない場合の代替コンテンツ)として複数の値を指定できるようにしているほか、ビットマップ画像に解像度の指定が可能になっています。3プロパティ値の型と単位を定義しています。3@命令文の入れ子ルール、@mediaの条件式、@document文が定義されています。3下線、傍点といった文字装飾を制御する指定を定義しています。文字にドロップシャドウを付けるスタイルも追加されています。3書体や文字サイズ等の指定を定義しています。文字の変形(長体/平体)や異体字、字詰指定のほか、サーバー上に置いたフォントを表示させるWebフォントの指定が追加されています。3@importと@media文が定義されています。UI)div要素等で表示させる「ボックス」の構造や、マウス・キーボード等の操作を、ユーザーインターフェイスとして制御する指定を定義しています。ボックス構造では、paddingの扱いを標準/互換モードのように制御するbox-sizingプロパティや、ユーザーの操作でボックスサイズを変えられるresizeプロパティ等が追加されています。印刷レイアウトを念頭に置いた、ページの制御を定義しています。Transformations)ボックス要素の移動、回転、スケール、斜変形といった変形を指定する、新しいプロパティが定義されています。XY軸方向の二次元変形だけでなく、Z軸方向を加えた三次元変形や遠近効果にも対応しています。Transformsとして統一されました。Transitions要素に表示の切り替え効果を指定する、新しいプロパティが定義されています。Animations要素にキーフレームを使ったアニメーションを指定する、新しいプロパティが定義されています。3テキストの揃えと改行や行末の表示処理、インデント等を制御する指定を定義しています。text-justifyプロパティは、ここで正式に定義されています。3テキストの表示方向の指定を定義しています。縦書きテキストが、正式にサポートされています。オブジェクトモデルの表示を定義しています。プロパティや値ではなく、表示方法の基本概念が定義されています。Adaptationビューポートを制御する@viewport文が定義されています。表示画面に合わせた内容のスケーリングが可能になります。Moduleページ表示における様々な制御方法を定義しています。その中には、リンクのターゲット指定や、垂直方向のフロートなどが含まれています。3リストの表示スタイルを定義しています。擬似要素としての::markerや、@命令文での@counter-styleが追加されています。3@counter-styleの細部を定義しています。Levels文書構造のアウトラインレベルに相当するものを「プレゼンテーションレベル」として定義し、その表示を制御する指定を定義しています。Module配置順序を予め定義し、それに合わせて要素を並べていく方法を定義しています。3幅や高さのプロパティに対し、要素内容に応じた調整ができるような値が追加されています。3改ページ、改段等の、ページや段組みレイアウトの表示を制御するプロパティが定義されています。3ブロックレベル表示、テーブル、フレキシブルボックスレイアウト、グリッドレイアウトにおける、ボックスの配置方法を制御するプロパティが定義されています。3positionプロパティの機能強化(新プロパティの追加)等が定義されています。Moduleページレイアウトにおいて、脚注等として生成/追加される内容のスタイルを定義しています。Model)CSSオブジェクトモデルを定義しています。これは、プログラム等でCSSを解析する上での概念を提示しています。model幅、高さ、内側/外側余白といった、CSSによって表示されるボックスの概念を定義しています。Modulecontentプロパティなどによって生成/追加される内容の概念を定義しています。lineline-heightなど、行の表示に関わる指定を定義しています。3CSSの構文全般を定義しています。3オーバーフローした要素内容の処理方法を定義しています。1.0SVG画像に対する特殊効果(ドロップシャドウやガウスぼかしといったフィルター効果)や、そのレンダリング技術を定義しています。通常のHTMLの要素を対象としたものではありません。1ユーザー定義のスタイルを値として使用できるようにします。red-color:rgb(255,0,0)といったスタイル定義をしたうえで、color:var(red-color)のようにvar関数の引数としてユーザー定義スタイルを使用します。1要素を領域として定義し、それらにiframe要素で読み込んだ別ファイルの内容を、連結された状態で流し込む方法を定義しています。IE10は、このスタイルを実装しています。1テキストに対する、ブロックレベル表示要素(グリッドレイアウトを含む)の回り込みを定義します。従来のfloatプロパティよりも、高度な回り込み方法を定義しています。10は、このスタイルを実装しています。1インライン表示のフローコンテンツ(基本的には文字列)を回り込ませるための形状を、定義します。円形や不定形での回り込みを、実現させます。mask)画像を指定することによって、マスキング効果を与える新しいプロパティが定義されています。2Dのオブジェクトに対して、背景物との合成方法を定義します。CSSに追加されるblend-modeプロパティは、「乗算」「オーバーレイ」といった、CorelDRAWやPHOTO-PAINTの「マージモード」に相当する合成方法を指定できます。このほか、背景物との”抜き合わせ”を定義するknock-outプロパティなどがあります。Layout)」の指定を定義しています。IE10は、このスタイルを実装しています。1フリガナ(ルビ)の表示に関わる指定を定義しています。年以上、更新を怠っていた「CSS3モジュール一覧」ですが、今年は9月にCSS3の講義を行うことになったので、夏休み中に仕様の現況をチェックしてみました。確認を怠ってきたのですが、例年のCSS3講義が近づいてきたので、8か月ぶりにCSSモジュールの更新状況をチェックしてみました。「CSS3モジュール一覧更新」のページを更新しました。2013年11月21日以降の更新は、以下のとおりです。「CSS3モジュール一覧更新」のページを更新しました。Attributesが2013年11月7日にW3C勧告となりました。3が2013年10月3日に勧告候補に更新されました。3が2013年10月10日に更新されました。3が2013年10月24日に更新されました。1が2013年10月29日に更新されました。3が2013年11月5日に更新されました。Transitionsが2013年11月19日に更新されました。これらは、引き続き作業草案です。1が2013年9月19日に更新されました。1」に変更されました。inheritance)が2013年7月30日に更新されました。この更新により、最終草案となっています。3勧告候補も2013年7月30日に更新されました。こちらは前回に引き続き勧告候補です。3が2013年8月1日に更新されました。この更新により、作業草案から勧告候補に昇格しました。3作業草案が2013年7月18日に更新されました。この更新により、最終草案となっています。3作業草案が2013年7月11日に更新されました。この更新により、最終草案となっています。1作業草案が2013年6月25日に更新されました。1.0)が提出されていましたが、見落としていたので今回追加しました。1」が追加されたことに伴い、「CSS3モジュール一覧」ページを更新しました。Draft)」となっています。Masking」とされていました。Draft)されました。3から独立したもののようです。1として明示されているものを、表や解説で項目を移動しました。3)の作業草案が、2013年5月28日に更新されました。1に再定義されています。ちなみに、両モジュール共に、対応しているのはIE10です。3が「CSS3」として言い表されてきましたが、そうした捉え方は変更されたのかもしれません。1.0作業草案が2013年5月23日に更新されました。3作業草案が2013年5月14日に更新されました。4作業草案が2013年5月2日に更新されました。3が2013年4月18日に作業草案として追加されました。3が2013年4月4日に勧告候補に更新されました。こちらは引き続き勧告候補です。Layoutが2013年4月2日に更新されました。策定状況は作業草案のままです。音の無いアルバムテストkrzm.jpはいわゆるモバイルフレンドリーではありません。ライセンスの下に提供しています。