CSS3の日本語訳集

最終更新:

CSS3とは

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

この文書について

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

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

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

CSS3の日本語訳

Completed Current 日本語訳 備考
CSS Snapshot 2020 NOTE 一致 ED訳 Latest stable CSS
CSS Snapshot 2018 NOTE 一致
CSS Level 2 Revision 1 REC (op) / ED 一致 エラッタの反映された
CSS Level 2 Revision 2を参照のこと。
CSS Level 2 Revision 2 FPWD / ED 一致 Abandoned扱いだがここに記載
CSS Namespaces REC (op) / ED ED訳 一致 1世代前
Media Queries REC (op) 一致
CSS Style Attributes REC (op) / ED ED訳
CSS Color Level 3css-color-3 REC / ED 前の勧告
CSS Basic User Interface Module Level 3css-ui-3 REC / ED 一致
CSS Fonts Module Level 3css-fonts-3 REC / ED 一致
CSS Writing Modes Module Level 3css-writing-modes-3 REC / ED 一致
Selectors Level 3 REC / ED 前の勧告
CSS Containment Module Level 1css-contain-1 REC / ED Level 2 ED訳
Stable Current 日本語訳 備考
CSS Backgrounds and Borders Level 3css3-background CR / ED ED訳
4世代前
CSS Conditional Rules Module Level 3css3-conditional CR / ED ED訳
CSS Multi-column Layoutcss3-multicol-1 WD / ED ED訳
5世代前
CSS Values and Units Level 3css-value-3 CR / ED 一致
Flexible Box Layout Modulecss-flexbox-1 CR / ED ED訳
CSS Cascading and Inheritance Level 3css-cascade-3 PR / ED Level 5 ED訳
CSS Counter Styles Level 3css-counter-styles-3 CR / ED ED訳 Listから派生した仕様
Testing Current 日本語訳 備考
CSS Image Values and Replaced Content Level 3css-images-3 CR / ED ED訳
1世代前
CSS Speech Level 3 CR / ED ED訳
CSS Text Decoration Module Level 3css-text-decor-3 CR / ED 一致 ED訳 Text Moduleから派生した仕様
CSS Shapes Module Level 1css-shapes-1 CR (op) / ED ED訳
CSS Masking CR (op) / ED ED訳
CSS Fragmentation Module Level 3css-break-3 CR / ED ED訳
CSS Transforms Module Level 1transforms-1 CR / ED ED訳
CSS Variables CR / ED ED訳
Compositing and Blending Level 1css-compositing-1 CR / ED ED訳
CSS Syntax Level 3 CR / ED ED訳
CSS Grid Layout Module Level 1 CRD / ED ED訳
CSS Display Module Level 3css-display-3 CRD / ED ED訳
CSS Will Change Module Level 1css-will-change-1 CR / ED ED訳
Media Queries Level 4 CR / ED ED訳
Geometry Interfaces Module Level 1geometry-1 CR / ED ED訳
CSS Cascading and Inheritance Level 4css-cascade-4 WD / ED ED訳
CSS Scroll Snap Module Level 1css-scroll-snap-1 CR / ED ED訳
CSS Easing Functions Level 1css-easing CR / ED ED訳
CSS Writing Modes Level 4css-writing-modes-4 CR / ED ED訳
CSS Grid Layout Module Level 2css-grid-2 CRD / ED -
Refining Current 日本語訳 備考
CSS Animations WD / ED ED訳
Web Animations WD / ED ED訳
CSS Text Level 3 CR / ED ED訳
CSS Transitions WD / ED ED訳
CSS Box Alignment Module Level 3css-align-3 WD / ED ED訳
Selectors Level 4 WD / ED ED訳
CSS Box Sizing Module Level 3css-sizing-3 WD / ED ED訳
CSS Lists Module Level 3css-lists-3 WD / ED ED訳
CSS Positioned Layout Module Level 3css-position-3 WD / ED -
CSS Box Model Module Level 3css-box-3 WD / ED 6世代前
Motion Path Module Level 1motion-1 WD / ED -
CSS Color Level 4 WD / ED ED訳
CSS Fonts Module Level 4css-fonts-4 WD / ED ED訳
CSS Logical Properties and Values Level 1css-logical-1 FPWD / ED ED訳 writing modeからの派生仕様
CSS Color Adjustment Module Level 1color-adjust WD / ED ED訳
Revising Current 日本語訳 備考
CSS Paged Media Level 3css3-page WD / ED ED訳
CSSOM View Module WD / ED ED訳
CSS Ruby Module Level 1css-ruby-1 WD / ED ED訳
4世代前(参考)
CSS Object Model WD / ED ED訳
CSS Overflow Module Level 3css-overflow-3 WD / ED ED訳
CSS Font Loading Module Level 3css-font-loading-3 LC (op) / ED ED訳 Republish? (source)
CSS Scoping Module Level 1css-scoping-1 WD (op) / ED ED訳 Republish
CSS Pseudo-elements Module Level 4css-pseudo-4 WD / ED ED訳
CSS Image Values and Replaced Content Level 4css-images-4 WD / ED ED訳
CSS Overflow Module Level 4overflow-4 FPWD / ED -
CSS Text Decoration Module Level 4css-text-decor-4 WD / ED -
CSS Scrollbars Module Level 1css-scrollbars-1 FPWD / ED ED訳
Resize Observer FPWD / ED -
Media Queries Level 5mediaqueries-5 WD / ED ED訳
CSS Box Sizing Module Level 4css-sizing-4 WD / ED -
Exploring Current 日本語訳 備考
CSS Backgrounds and Borders Level 4css-backgrounds-4 ED -
CSS Device Adaptation WD / ED 一致
CSS Exclusions Module Level 1css3-exclusions WD / ED ED訳
Filter Effects Module Level 1filter-effects-1 WD / ED ED訳
CSS Generated Content Module Level 3css-content-3 WD / ED ED訳 2世代前
CSS Page Floats FPWD / ED -
CSS Template Layout Modulecss-template-3 NOTE / ED - Actively-developed Note
CSS Line Grid Module WD (op) / ED - See TPAC IRC log
CSS Regions Module Level 3css-regions-1 WD / ED - could repulbish (source)
CSS Table Module Level 3 WD / ED -
CSS Inline Layout Module Level 3css-inline-3 WD / ED ED訳
CSS Round Display Level 1round-display-1 WD / ED -
CSS Basic User Interface Module Level 4css-ui-4 WD / ED ED訳
CSS Text Level 4 WD / ED -
CSS Rhythmic Sizingcss-rhythm-1 FPWD / ED -
CSS Fill and Stroke Module Level 3fill-stroke-3 FPWD / ED -
CSS Values and Units Level 4css-value-4 WD / ED ED訳
CSS Shadow Parts FPWD / ED ED訳
CSS Fragmentation Module Level 4css-break-4 FPWD / ED ED訳
CSS Spatial Navigation Level 1css-nav-1 WD / ED
CSS Overscroll Behavior Module Level 1overscroll-behavior FPWD / ED ED訳
CSS Containment Module Level 2css-contain-2 WD / ED ED訳
CSS Scroll Anchoring Module Level 1scroll-anchoring-1 WD / ED
CSS Color Module Level 5color-5 FPWD / ED -
CSS Transforms Module Level 2css-transforms-2 FPWD / ED ED訳
CSS Conditional Rules Module Level 4css-conditional-4 FPWD / ED -
CSS Box Model Module Level 4css-box-4 FPWD / ED ED訳
CSS Custom Highlight API Level 1css-highlight-api-1 WD / ED -
Rewriting Current 日本語訳 備考
CSS Generated Content for Paged Media Modulecss-gcpm-3 WD (op) / ED - Publish as WD (source)
Houdini Current 日本語訳 備考
Box Tree API 1 ED -
CSS Animation Worklet API FPWD / ED -
CSS Layout API 1 FPWD / ED -
CSS Painting API 1 CR / ED ED訳
CSS Parser API 1 ED -
CSS Properties and Values API 1css-properties-values-api-1 WD / ED ED訳
CSS Typed OM Level 1 WD / ED ED訳
Font Metrics API 1 ED -
Worklets 1 WD / ED ED訳 HTMLの一部となっている
CSS Typed OM Level 2 ED -
Official Editor's Drafts Current 日本語訳 備考
CSS Animations Level 2 ED ED訳
CSS Extensions ED -
CSS Generated Content for Paged Media Module Level 4css-gcpm-4 ED -
CSS Mobile Text Size Adjustment Module Level 1css-size-adjust ED -
CSS Multi-column Layout Module Level 2css-multicol-2 ED -
CSS Pagination Templates Module Level 3css-page-template ED -
CSS Scroll Anchoring Module Level 1scroll-anchoring ED ED訳
CSS Shapes Module Level 2css-shapes-2 ED -
CSS Transitions Level 2 ED ED訳
CSS Indexes ED Other Documents扱い
Web Animations CSS IntegrationWACI ED - Other Documents扱い
Proposals for the future of CSS Paged Mediacss-page-4 ED -
Compositing and Blending Level 2compositing-2 ED -
Filter Effects Module Level 2filter-effects-2 ED -
Web Animations Level 2web-animations-2 ED - Unofficial Proposal Draft
Unofficial Drafts Current 日本語訳 備考
CSS Figures ED - WAHTWG Living Idea
CSS Books ED - WAHTWG Living Idea
CSS Custom Text transformationscss-custom-tt ED - A Collection of Interesting Ideas (by Florian Rivoal)
CSS Repeated Headers and Footerscss-repeat ED - A Collection of Interesting Ideas (by Florian Rivoal)
CSS space expansioncss-space-expansion ED - Unofficial Proposal Draft (by Florian Rivoal)
CSS Specification Conventionscss-conventions ED - Unofficial Proposal Draft (by Fuqiao Xue)
CSS Toggle States ED - A Collection of Interesting Ideas (by Tab Atkins Jr.)
CSS Nesting Module Level 3css-nesting ED - (by Tab Atkins Jr.)
Layout Transition Primitives ED - (by Tab Atkins Jr.)
CSS Extend Rule ED - A Collection of Interesting Ideas
CSS Form Styling Module Level 1css-forms ED - A Collection of Interesting Ideas
Constructable Stylesheet Objects ED - A Collection of Interesting Ideas
SVG Parameters ED - A Collection of Interesting Ideas
CSS Cascade Control ED - A Collection of Interesting Ideas
CSS When/Else Rules ED - A Collection of Interesting Ideas
Some related spec by other Working Groupsrelated spec Current 日本語訳 備考
Ready-made Counter Styles NOTE - Internationalization WG
CSS Techniques for WCAG 1.0WCAG10-CSS-TECHS NOTE - WCAG WG
WCAG 1.0をObsolete扱いへ
Associating Style Sheets with XML documents 1.0 (SE)xml-stylesheet REC - XML Core WG
Web App Manifest WD - Web Appplications WG
DOM LS ED訳 WHATWG
Compatibility LS ED訳 WHATWG
Requirements for Japanese Text Layoutjlreq NOTE - 日英対訳版
Abandoned Current 日本語訳 備考
Non-element Selectors RNOTE -
The CSS ‘Reader’ Media Typecss3-reader NOTE -
CSS Presentation Levelscss3-preslev NOTE -
CSS TV Profile 1.0css-tv RNOTE 1世代前
CSS Mobile Profile 2.0css-mobile RNOTE 1世代前
1世代前
7世代前
CSS Print Profile RNOTE (op) 1世代前
CSS Marquee Level 3css3-marquee NOTE -
Behavioral Extensions to CSSbecss NOTE -
CSS Hyperlink Presentation Level 3css3-hyperlinks NOTE 1世代前
Fullscreen NOTE (op) - Fullscreen APIを参照

表の見方

区分について

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

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

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

色分け表記について

各仕様の「状態」については、「原仕様書」は段階に応じてWDLCCRDCRPRRECNOTESPSDと色分け表記しています。なお、W3Cの仕様策定プロセスは数回改定されていますが、に大きく改訂されました(具体的にはLCがなくなりました)。この文書では、以前のプロセスで策定されているものについて(op)と表記することにします(参考:W3C勧告プロセスの概要、公式な最新のW3C Process Document)。さらに、の改訂では、CRDが追加されたことも付記しておきます。これに追加して、非公式な編集者による草案であるEDや、廃止されたNOTEであるRNOTEについても存在していれば列挙しています。さらに、WHATWGによるLSも列挙しています。

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

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

おわりに

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

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