CSS3のW3Cドキュメント現状調べ(上編)
あろー。
CSS3。調べてる中だけど。かなーーーーーーーーり色々増えてるねこれ。いやもうドキュメント数が尋常じゃないこれ。
途中までだけど、ちとまとめ中。
とりあえずドキュメントから。略はこんな感じ。順番どうなってたっけな?
WD | Working Draft |
---|---|
LC | Last Call |
CR | Candidate Recommendation |
PR | Proposed Recommendation |
REC | W3C Recommendation |
ドキュメント名 | 簡易説明 | ステータス |
---|---|---|
Introduction to CSS3 | イントロ | WD |
Selectors API Level 2 | JavaScriptなどでのAPI実装方法 | WD |
Selectors API Level 1 | JavaScriptなどでのAPI実装方法 | CR |
CSS Multi-column Layout Module | マルチカラム | PR |
A MathML for CSS Profile | - | CR |
Selectors Level 3 | セレクタ | PR |
CSS Transitions Module Level 3 | 遷移 | WD |
CSS 2D Transforms Module Level 3 | 変形 | WD |
CSS Backgrounds and Borders Module Level 3 | 背景 | LC |
Media Queries | メディア | CR |
CSS Image Values Module Level 3 | 画像URL指定 | WD |
Flexible Box Layout Module | ボックスレイアウト | WD |
んで、新しく出てきたものまとめ。()が付いてる値は、今回のバージョンでは見送りになったものだよ〜。
ドキュメント名 | 名称 | 種別 | 簡易説明 |
---|---|---|---|
Selectors API Level 2 | :scope | 疑似クラス | ? |
CSS Multi-column Layout Module | column-width | プロパティ | 各カラムの幅 |
~ | column-count | プロパティ | カラム数 |
~ | columns | プロパティ | マルチカラム・ショートハンド |
~ | column-gap | プロパティ | カラム間のパディング |
~ | column-rule-color | プロパティ | カラム区切りの色 |
~ | column-rule-style | プロパティ | カラム区切りのスタイル |
~ | column-rule-width | プロパティ | カラム区切りの幅 |
~ | column-rule | プロパティ | カラム区切り・ショートハンド |
~ | column-span | プロパティ | カラム内のエレメントの跨り |
~ | avoid-column | 値 | 改列を避ける |
~ | column-fill | プロパティ | 各列の内容をバランス配分するか |
Selectors Level 3 | E[foo^="bar"] | セレクタ | foo属性がbarから始まるE要素 |
~ | E[foo$="bar"] | セレクタ | foo属性がbarで終わるE要素 |
~ | E[foo*="bar"] | セレクタ | foo属性にbarを含むE要素 |
~ | E:root | 疑似クラス | ドキュメントルート |
~ | E:nth-child(n) | 疑似クラス | n番目のE要素 |
~ | E:nth-last-child(n) | 疑似クラス | 最後からn番目のE要素 |
~ | E:nth-of-type(n) | 疑似クラス | n番目のE要素(E要素のみカウント) |
~ | E:nth-last-of-type(n) | 疑似クラス | 最後からn番目のE要素(E要素のみカウント) |
~ | E:last-child | 疑似クラス | 最後の子E要素 |
~ | E:first-of-type | 疑似クラス | 最初の子E要素(E要素のみカウント) |
~ | E:last-of-type | 疑似クラス | 最後の子E要素(E要素のみカウント) |
~ | E:only-child | 疑似クラス | E要素が親要素の唯一の子要素である |
~ | E:only-of-type | 疑似クラス | E要素が親要素の唯一のE要素である(E要素のみカウント) |
~ | E:empty | 疑似クラス | 子要素を持たない |
~ | E:target | 疑似クラス | ページ内移動のリンク |
~ | E:enabled | 疑似クラス | 操作可能なフォーム |
~ | E:disabled | 疑似クラス | 操作不可能なフォーム |
~ | E:checked | 疑似クラス | チェックされたフォーム |
~ | E:not(s) | 疑似クラス | s単純セレクタにマッチしないE要素 |
~ | E ~ F | 疑似クラス | E要素が先に登場するF要素 |
CSS Transitions Module Level 3 | transition-property | プロパティ | 遷移するプロパティを指定 |
~ | transition-duration | プロパティ | 遷移にかける時間 |
~ | transition-timing-function | プロパティ | 遷移方法 |
~ | transition-delay | プロパティ | 遷移遅延 |
~ | transition | プロパティ | 遷移ショートハンド |
CSS 2D Transforms Module Level 3 | transform | プロパティ | 変形方法 |
~ | transform-origin | プロパティ | 変形の起点 |
CSS Backgrounds and Borders Module Level 3 | background-clip | プロパティ | 背景描画エリア |
~ | background-origin | プロパティ | 背景描画の起点 |
~ | background-size | プロパティ | 背景サイズ |
~ | border-x-radius | プロパティ | 角丸 |
~ | border-radius | プロパティ | 角丸ショートハンド |
~ | border-image-source | プロパティ | ボーダー画像URL |
~ | border-image-slice | プロパティ | ボーダー画像スライス位置 |
~ | border-image-width | プロパティ | ボーダー画像幅 |
~ | border-image-outset | プロパティ | ボーダー画像がボーダーからどれだけはみ出すか |
~ | border-image-repeat | プロパティ | ボーダー画像の繰り返し方法 |
~ | border-image | プロパティ | ボーダー画像・ショートハンド |
~ | box-break | プロパティ | 改行や改ページ位置でボックスを分割するか |
~ | (box-shadow) | プロパティ | ボックス影 |
CSS Image Values Module Level 3 | logos.png#xywh=10,30,60,20 | 値 | 画像の部分のみ指定 |
~ | image() | 値 | 画像の複数指定 |
Flexible Box Layout Module | box-orient | プロパティ | ボックスの配置の向き |
~ | box-direction | プロパティ | ボックスの配置順 |
~ | box-ordinal-group | プロパティ | ボックスのグルーピング |
~ | box-align | プロパティ | 親ボックスの高さが子ボックスで充足されない場合の子ボックスの扱い |
~ | box-flex | プロパティ | 親ボックスの幅が子ボックスで充足されない場合の子ボックスの扱い |
~ | box-flex-group | プロパティ | 子ボックスのグルーピング |
~ | box-pack | プロパティ | 子ボックスが親ボックスからはみ出すときの |
~ | box-lines | プロパティ | 多分ボックス版マルチカラム |
この時点で、わりととんでもないと思うんだけど、実はこれが3倍くらいに伸びそうなんだ。うっひょー。。
でわでわ。