CSS3の日本語訳集

最終更新:

CSS3とは

CSS3は、CSS2.1仕様を核とし、CSS2.1仕様の機能を追加・改訂するモジュール群です。CSS2.1ではひとつの巨大な仕様にすべてのモジュールが定義されていましたが、CSS3では仕様を分割し個別のモジュールとして定義するものです。

この文書について

CSS3は個別のモジュールとして定義されるため、各モジュールは仕様として異なる安定度合いを持つことになりました。この文書では、各モジュールの日本語訳を列挙すると共に、仕様の安定度合いも併せて示します。文書作成にあたっては、以下のページを元に再編成しています。なお、表の説明は、後述の表の見方を参照してください。

また、CSS2.1とCSS3との包含関係については、CSS 2 - Relevant spec links · mozilla/servo Wiki · GitHubに示されています。CSSWGによるプロパティ一覧はこちら

このCSS3の日本語訳集にはない日本語訳を見つけた、誤りがあるなど、何かお気づきの点がありましたら、<xmomdo@gmail.com>または、twitter @momdo_までお願いします。

CSS3の日本語訳

Completed Current 日本語訳 備考
CSS Snapshot 2017 NOTE (np) 一致 ED訳 Latest stable CSS
CSS Level 2 Revision 1 REC / ED 一致 エラッタの反映された
CSS Level 2 Revision 2を参照のこと。
CSS Level 2 Revision 2 FPWD (np) / ED 一致 Refining扱いだがここに記載
Expected completion: Q4 2017
CSS Color Level 3css-color-3 REC
CR
一致
CSS Namespaces REC / ED ED訳 一致 1世代前
Selectors Level 3 REC 一致
Media Queries REC 一致
CSS Style Attributes REC / ED ED訳
CSS Print Profile NOTE 1世代前
Stable Current 日本語訳 備考
CSS Backgrounds and Borders Level 3css3-background CR / ED ED訳
3世代前
Expected completion: Q3 2018
CSS Conditional Rules Module Level 3css3-conditional CR / ED ED訳 Expected completion: Q1 2018
CSS Multi-column Layoutcss3-multicol WD (np) / ED ED訳
4世代前
CSS Values and Units Level 3css-value-3 CR (np) / ED 一致 Expected completion: Q4 2018
CSS Cascading and Inheritance Level 3css-cascade-3 CR (np) / ED Level4 ED訳
CSS Fonts Module Level 3css-fonts-3 CR / ED ED訳 Expected completion: Q2 2019
CSS Writing Modes Module Level 3css-writing-modes-3 CR (np) / ED 7世代前 日本語訳プロジェクトあり
CSS Counter Styles Level 3css-counter-styles-3 CR (np) / ED ED訳 Listから派生した仕様
Expected completion: Q2 2018
Testing Current 日本語訳 備考
CSS Image Values and Replaced Content Level 3css-images-3 CR / ED ED訳 一致 Republish
CSS Speech Level 3 CR / ED 一致 Republish speech with updated status
(source)
Flexible Box Layout Modulecss-flexbox-1 CR (np) / ED ED訳
CSS Text Decoration Module Level 3css-text-decor-3 CR / ED ED訳
ED訳
Text Moduleから派生した仕様
Republish? (source)
CSS Shapes Module Level 1css-shapes-1 CR / ED ED訳
CSS Masking CR / ED -
CSS Fragmentation Module Level 3css-break-3 CR (np) / ED ED訳
CSS Variables CR (np) / ED ED訳
Compositing and Blending Level 1css-compositing-1 CR (np) / ED ED訳 Expected completion: Q2 2019
CSS Syntax Level 3 CR / ED ED訳 Expected completion: Q1 2019
CSS Grid Layout CR (np) / ED ED訳
CSS Basic User Interface Module Level 3css-ui-3 CR (np) / ED 一致 ED訳
CSS Will Change Module Level 1css-will-change-1 CR (np) / ED ED訳
Media Queries Level 4 WD (np) / ED ED訳
Geometry Interfaces Module Level 1geometry-1 CR (np) / ED -
CSS Cascading and Inheritance Level 4css-cascade-4 CR (np) / ED ED訳 Expected completion: Q2 2018
CSS Scroll Snap Module Level 1css-scroll-snap-1 CR (np) / ED ED訳
CSS Containment Module Level 1css-containment CR (np) / ED ED訳
Refining Current 日本語訳 備考
CSS Animations WD (np) / ED ED訳
Web Animations WD (np) / ED -
CSS Text Level 3 WD (np) / ED ED訳
CSS Transitions WD / ED ED訳 See comments
CSS Transforms Module Level 1transforms-1 WD (np) / ED ED訳 See Transitions
CSS Box Alignment Module Level 3css-align-3 WD (np) / ED ED訳
CSS Display Module Level 3css-display-3 WD (np) / ED ED訳
CSS Timing Functions Level 1css-timing FPWD (np) / ED ED訳
Revising Current 日本語訳 備考
CSS Paged Media Level 3css3-page WD / ED ED訳 Add GCPM stuff; republish
CSSOM View Module WD (np) / ED ED訳
Selectors Level 4 WD / ED ED訳 Republish
CSS Intrinsic & Extrinsic Sizing Module Level 3css-sizing-3 WD (np) / ED ED訳
CSS Ruby Module Level 1css-ruby-1 WD / ED 3世代前(参考)
CSS Overflow Module Level 3css-overflow-3 WD (np) / ED -
CSS Pseudo-elements Module Level 4css-pseudo-4 WD (np) / ED ED訳
Exploring Current 日本語訳 備考
CSS Backgrounds and Borders Level 4css-backgrounds-4 ED -
CSS Device Adaptation WD (np) / ED 一致
CSS Exclusions Module Level 1css3-exclusions WD (np) / ED ED訳
Filter Effects Module Level 1filter-effects-1 WD (np) / ED -
CSS Generated Content Module Level 3css-content-3 WD (np) / ED 1世代前
CSS Generated Content for Paged Media Modulecss-gcpm-3 WD / ED - Republish as WD? (source)
CSS Page Floats FPWD (np) / ED -
CSS Template Layout Modulecss-template-3 NOTE (np) / ED - Actively-developed Note
CSS Line Grid Module WD / ED - See TPAC IRC log
CSS Lists and Counters Module Level 3css-lists-3 WD / ED - Need to trim a lot, then republish? (source)
CSS Positioned Layout Module Level 3css-position-3 WD (np) / ED -
CSS Regions Module Level 3css-regions-1 WD (np) / ED - could repulbish (source)
CSS Tables Level 3 WD (np) / ED -
CSS Object Model WD (np) / ED ED訳
CSS Font Loading Module Level 3css-font-loading-3 LC / ED ED訳 Republish? (source)
CSS Scoping Module Level 1css-scoping-1 WD / ED ED訳 Republish
Non-element Selectors WD / ED - Figure out status (source)
CSS Inline Layout Module Level 3css-inline-3 WD (np) / ED ED訳
Motion Path Module Level 1motion-1 WD (np) / ED - Publish a second WD? (source)
CSS Text Level 4 FPWD (np) / ED -
CSS UI Level 4 FPWD (np) / ED -
CSS Round Display Level 1round-display-1 WD (np) / ED -
CSS Color Level 4 FPWD (np) / ED ED訳
CSS Image Values and Replaced Content Level 4css-images-4 WD (np) / ED -
CSS Rhythmic Sizingcss-rhythm-1 FPWD (np) / ED -
CSS Fill and Stroke Module Level 3fill-stroke-3 FPWD (np) / ED -
CSS Logical Properties and Values Level 1css-logical-1 FPWD (np) / ED ED訳 writing modeからの派生仕様
CSS Overflow Module Level 4overflow-4 FPWD (np) / ED -
CSS Fonts Module Level 4css-fonts-4 FPWD (np) / ED -
CSS Writing Modes Module Level 4css-writing-modes-4 FPWD (np) / ED ED訳
Brainstorming Current 日本語訳 備考
CSS Indexes ED CSS Snapshot 2017の4章を置換する(はず)
CSS Values and Units Level 4css-value-4 ED ED訳
CSS When/Else Rules ED
CSS Shapes Module Level 2css-shapes-2 ED -
CSS Transitions Level 2 ED -
CSS Multi-column Layout Module Level 2css-multicol-2 ED -
CSS Extensions ED -
CSS Animations Level 2 ED -
Web Animations CSS IntegrationWACI b.s. -
CSS Form Styling Module Level 1css-forms b.s. - A Collection of Interesting Ideas
CSS Text Decoration Module Level 4css-text-decor-4 ED -
CSS Generated Content for Paged Media Module Level 4css-gcpm-4 ED - Publish as WD (source)
CSS Pagination Templates Module Level 3css-page-template ED -
CSS Nesting Module Level 3css-nesting ED -
CSS Toggle States b.s. - A Collection of Interesting Ideas
CSS Mobile Text Size Adjustment Module Level 1css-size-adjust ED -
Paged Media Level 4 b.s. - (or CSS Pagination,
or CSS Fragmentation)
Selectors Level 5 b.s. -
CSS Region Templates b.s. - (generated pages or regions,
maybe including declarative page view)
Box Model Features With No Home Specificationbox-orphans b.s. -
CSS Specification Conventionscss-conventions ED -
CSS Repeated Headers and Footerscss-repeat ED -
Media Queries Level 5mediaqueries-5 ED -
CSS Scroll Anchoring Module Level 1scroll-anchoring ED ED訳
Houdini Current 日本語訳 備考
Box Tree API 1 ED -
CSS Layout API 1 ED -
CSS Painting API 1 FPWD (np) / ED -
CSS Parser API 1 ED -
CSS Properties and Values API 1css-properties-values-api-1 WD (np) / ED -
CSS Typed OM WD (np) / ED -
Font Metrics API 1 ED -
Worklets 1 FPWD (np) / ED -
WHATWG Living StandardWHATWG Current 日本語訳 備考
CSS Figures LS -
CSS Books LS -
Some related spec by other Working Groupsrelated spec Current 日本語訳 備考
Ready-made Counter Styles NOTE (np) - Internationalization WG
CSS Techniques for WCAG 1.0WCAG10-CSS-TECHS NOTE - WCAG WG
Associating Style Sheets with XML documents 1.0 (SE)xml-stylesheet REC - XML Core WG
The 'view-mode' Media Featureview-mode REC - Web Appplications WG
Selectors API Level 1 REC - Web Appplications WG
Selectors API Level 2 NOTE - Web Appplications WG
Requirements for Japanese Text Layoutjlreq NOTE 一致 W3Cによる日本語版
Inactive / Unmaintained Current 日本語訳 備考
CSS Basic Box Model Level 3css3-box WD / ED 1世代前 Publish update WD (source)
DOMMatrix interface WD - Gutted Note
Abandoned Current 日本語訳 備考
The CSS ‘Reader’ Media Typecss3-reader NOTE (np) -
CSS Presentation Levelscss3-preslev NOTE (np) -
CSS TV Profile 1.0css-tv NOTE (np) 1世代前
CSS Mobile Profile 2.0css-mobile NOTE (np) 1世代前
7世代前
CSS Marquee Level 3css3-marquee NOTE (np) -
Behavioral Extensions to CSSbecss NOTE (np) -
CSS Hyperlink Presentation Level 3css3-hyperlinks NOTE (np) 1世代前
Fullscreen NOTE -

表の見方

区分について

CSS current workにあるCompletedのような各仕様の「区分」についての公式の説明は、CSS BlogのThe CSS Recommendation Trackです。CSS current workの区分のものはおおむね上に行くほど安定しています。

このページでは、CSS current workにある区分に、Houdini、WHATWG、brainstormingを付け足しています。ある仕様の区分が、CSS current workで分類される区分とこのページでなされる区分と必ずしも一致しません。それぞれの区分の意味は次の通りです。

Completed
テストスイートおよび実装レポートはすべて完了したW3C勧告、またはW3Cノートであり、変更が予定されないもの。
Stable
テストスイートと実装レポートはまだ完了してないかもしれず、依然として小さな問題がいくつか残っているかもしれないが、CSSワーキンググループは十分な実装経験を持っているもの。
Testing
CSSワーキンググループは仕様が実装されるのに十分正確で完全であると考えており、CRに移行することで実装とテストケースを呼び掛けているもの。
Refining
仕様はCRとして十分に安定しているが、最終コメントなどからの明確な変更を依然として必要とするもの。
Revising
この時点で仕様はほぼ完全であり、機能の範囲は明確であるが、その仕様は問題を明らかにして解決するために、発行、レビュー、修正のサイクルが数回必要があるもの。
Rewriting
仕様の大部分が書き換えられる段階。
Exploring
仕様は不完全であることが多く、ドラフト間で大幅に変更される可能性があるもの。モジュールが成熟すると削除されるかもしれない機能を多数含む。
Brainstorming
まだCSSワーキンググループでドラフトを開発することが決定していない、構想段階のもの。
Houdini
Houdiniタスクフォースで策定されるAPI仕様。
WHATWG Living Standard
CSSワーキンググループではなく、WHATWGで策定されている標準。
Some related spec by other Working Groups
CSSワーキンググループ以外のW3Cにあるワーキンググループで策定された関連仕様。
Inactive / Unmaintained
CSSワーキンググループで策定されているが、仕様の更新が止まっているかメンテナンスされていないもの。
Abandoned
CSSワーキンググループで策定されていたが、策定が放棄された時代遅れの仕様。

色分け表記について

各仕様の「状態」については、「原仕様書」は段階に応じてWDLCCRPRRECと色分け表記しています。なお、W3Cの仕様策定プロセスは数回改定されていますが、に大きく改訂されました(具体的にはLast Callがなくなりました)。この文書では、以降のプロセスで策定されているものについて(np)と表記することにします。(参考:W3C勧告プロセスの概要、公式な最新のW3C Process Document)。これに追加して、WDの前段階であるEDb.s.についても存在していれば列挙しています。また、WHATWG Living StandardについてはLSと表記しています。

「日本語訳」は原仕様書と世代が一致していれば一致RECであれば一致EDであればED訳)、不一致ならn世代前と色分け表記しています。

「日本語訳」にあるISO 8601形式の日付は、翻訳された原仕様書の発行された日付です(翻訳が発行された日付を示すものではありません)。

おわりに

このCSS3の日本語訳集の作成に当たっては、Googleでの検索と、日本語訳ドキュメント集 | Diaspar JournalW3C文書日本語訳の補完 - 徒委記を参考にしました。この場を借りてお礼申し上げます。

最後に、urn:isbn:978-4839935467 [AA]になぜかこのページが掲載されているのを見つけたので、記念にメモしておきます。