CSS3のW3Cドキュメント現状調べ〜第二部〜
あろーは。
続:三匹が斬る・・・じゃなかった、CSS3現状調べ。やっぱ・・・まだまだ時間かかるにゃ〜。実装する側のUAマジ大変よこれ;
ドキュメント名 | 簡易説明 | ステータス |
---|---|---|
CSS Fonts Module Level 3 | フォント | WD |
CSS Template Layout Module | レイアウト | WD |
CSS Animations Module Level 3 | アニメーション | WD |
CSS 3D Transforms Module Level 3 | 変形 | WD |
CSS Marquee Module Level 3 | マーキー | CR |
CSS Color Module Level 3 | 色 | WD |
CSS Namespaces Module | 名前空間 | CR |
Behavioral Extensions to CSS | 装飾 | WD |
CSS Grid Positioning Module Level 3 | グリッド | WD |
CSS basic box model | ボックスモデル | WD |
CSS3 module: Generated Content for Paged Media | ページメディア | WD |
んで、本日調べた範囲の新登場人物ず。
ドキュメント名 | 名称 | 種別 | 簡易説明 |
---|---|---|---|
CSS Fonts Module Level 3 | unicode-range | プロパティ | ユニコード範囲 |
CSS Template Layout Module | ::slot() | 疑似要素 | パーツごとのスタイル指定 |
CSS Animations Module Level 3 | animation-name | プロパティ | @keyframesの名前を指定 |
animation-duration | プロパティ | アニメーション時間を指定 | |
animation-timing-function | プロパティ | アニメーション方法 | |
animation-iteration-count | プロパティ | 何回アニメーションするか | |
animation-direction | プロパティ | アニメーションを逆再生するか否か | |
animation-play-state | プロパティ | アニメーションの再生/一時停止 | |
animation-delay | プロパティ | アニメーションの再生遅延時間 | |
animation | プロパティ | アニメーションショートハンド | |
@keyframes | @ルール | アニメーション方法や移動経由座標を一括指定 | |
CSS 3D Transforms Module Level 3 | transform | プロパティ | 変形方法 |
transform-origin | プロパティ | 変形起点 | |
transform-style | プロパティ | 変形スタイル | |
perspective | プロパティ | 子要素のみの遠近を指定 | |
perspective-origin | プロパティ | 遠近の起点 | |
backface-visibility | プロパティ | 背面の変形要素の可視指定 | |
CSS Marquee Module Level 3 | marquee-style | プロパティ | マーキー方法 |
marquee-play-count | プロパティ | マーキー回数 | |
marquee-direction | プロパティ | マーキー方向 | |
marquee-speed | プロパティ | マーキー速度 | |
CSS Color Module Level 3 | opacity | プロパティ | 透過 |
rgba(x,x,x,x) | 値 | アルファ値付の色 | |
hsl(x,x,x) | 値 | 色相-彩度-明度の色 | |
hsla(x,x,x) | 値 | 色相-彩度-明度-アルファ値の色 | |
currentColor | 値 | colorプロパティの値 | |
CSS Namespaces Module | @namespace | @ルール | 名前空間指定 |
Behavioral Extensions to CSS | binding | プロパティ | ターゲットに装飾を付けれるらしい。:beforeや:afterと何が違うの?? |
:bound-element | 疑似クラス | bindingで付け加えた装飾を選択 | |
CSS Grid Positioning Module Level 3 | grid-columns | プロパティ | グリッド列数・幅 |
grid-rows | プロパティ | グリッド行数・高さ | |
CSS basic box model | overflow-x | プロパティ | 横方向のオーバーフロー |
overflow-y | プロパティ | 縦方向のオーバーフロー | |
no-display | 値 | オーバーフローしたらボックスごと削除 | |
no-content | 値 | オーバーフローしたらボックスごと非表示 | |
overflow-style | プロパティ | オーバーフローした場合のスタイル | |
rotation | プロパティ | 回転 | |
rotation-point | プロパティ | 回転の起点 | |
CSS3 module: Generated Content for Paged Media | string-set | プロパティ | 文字列を定義 |
string() | 値 | 定義した文字列を使用 | |
element() | 値 | 定義した文字列でカウント | |
leader() | 値 | リーダー | |
target-counter() | 値 | ターゲット先のカウンター | |
target-counters() | 値 | ターゲット先のカウンター | |
target-text | 値 | ターゲット先の内容 | |
footnote | 値 | 要素を脚注に | |
@footnote | @ルール | 脚注 | |
::footnote-call | 疑似要素 | 脚注ごとに呼び出される | |
::footnote-marker | 疑似要素 | 脚注のマーカー | |
border-length | プロパティ | 脚注前のボーダーの長さ | |
target-move() | 値 | ターゲットを脚注に移動する | |
hyphens | プロパティ | 単語が途中で分断される時の動作 | |
hyphenate-resource | プロパティ | 単語の分割点の辞書CSV | |
hyphenate-before | プロパティ | 前何文字以上で分割するか | |
hyphenate-after | プロパティ | 後何文字以上で分割するか | |
hyphenate-lines | プロパティ | ハイフネーションをいくつまで続けるか | |
hyphenate-character | プロパティ | ハイフネーションに使う文字 | |
super-decimal | 値 | subとsupのsupぽいの。注釈専用的list-style-type | |
@counter-style | @ルール | カウンターの値の表示方法のリスト | |
text-replace | プロパティ | 指定文字列を指定文字列に置換する | |
image-resolution | プロパティ | 画像の解像度指定 | |
floatのページメディア用値 | 値 | ページのどのエリアにフローとするか。outside top pageとか。 | |
float-offset | プロパティ | フロートのオフセット。オフセットのエリアには文字が入ってくる。 | |
bookmark-level | プロパティ | しおりのレベル | |
bookmark-label | プロパティ | しおりのラベル | |
bookmark-target | プロパティ | しおりのターゲット | |
cmyk(x,x,x,x) | 値 | CMYKの色指定。アルファブレンドはない。 | |
::before-page-break | 疑似要素 | 改ページ前 | |
::after-page-break | 疑似要素 | 改ページ後 | |
::line-number-left(x) | 疑似要素 | x行ごとの左側 | |
::line-number-right(x) | 疑似要素 | x行ごとの右側 | |
::line-number-inside(x) | 疑似要素 | x行ごとの内側 | |
::line-number-outside(x) | 疑似要素 | x行ごとの外側 |
何があるの?って部分を洗い出し中だけど、ドキュメント内でも「これもっと追記しないと分かんないよ」ってW3Cのドキュメントに書いてあるもんだから、そんなのこっちに分かるわけもなくてだねw
でわでわ。