1. 概論
最初のCSS仕様が公開されたときに、CSSのすべては、CSSレベル1を定義した1つの文書に含まれていました。CSSレベル2はまた、複数の章からなる単独の文書によって定義されていました。しかし、レベル2を超えるCSSに対して、CSSワーキンググループは、単一のモノリシックな仕様を定義するよりもむしろ、各モジュールがCSSのある部分を定義することで、モジュール式のアプローチを採用することにしました。これは、より管理しやすい塊に仕様を分割し、CSSへのより直接的で、漸進的な改善を可能にします。
種々のCSSモジュールは安定性の異なるレベルにあるため、CSSワーキンググループは、2018年中ごろ現在でカスケーディングスタイルシートの現在の範囲と状態を定義するために、このプロファイルを公開することを選択しました。このプロファイルは、我々が安定性を検討し、かつ我々がその安定性を保証する十分な実装経験を持つ仕様のみが含まれます。
注:これは、CSSデスクトップブラウザーのプロファイルであることを意図しません。このプロファイルに含まれるものは、機能の安定性にのみ基づき、予想される用途やウェブブラウザーの採用に基づきません。このプロファイルは、最も完全な形でCSSを定義します。
注:我々は、このスナップショットを形成する仕様に大きな変更を予想しませんが、包含する仕様は、仕様が固まっていることを意味するものではありません。CSSワーキンググループは、仕様で見つかる問題に対処し続けます。実装者は、任意の変更、修正、または明確化に対してwww-styleおよび/またはCSS Working Group Blogを監視すべきです。
1.1. 背景:W3CプロセスとCSS
この節は非規範的です。
W3Cプロセスにおいて、勧告トラック文書は以下にまとめられる、安定性の3つのレベルを通過します:
- 草案(Working Draft: WD)
-
これは、W3C仕様の設計段階です。ワーキンググループは、内部および外部のフィードバックに応えて仕様を繰り返し発行します。
最初の公式作業草案は、「最初の公開草案」(First Public Working Draft: FPWD)に指定されます。CSSワーキンググループにおいて、FPWDの発行は、ワーキンググループ全体が、編集者草案で大まかに調べられ提案されたように、モジュールで作業することに合意したことを示します。
次の段階への移行は時に「最終作業草案」(Last Call Working Draft: LCWD)段階と呼ばれます。一旦我々がすべての既知の問題を解決してCSSワーキンググループは作業草案を移行し、テストの構築と実装からフィードバックなしにさらにプロセスを進めることができません。
この「コメントに対するラストコール」は、任意の未解決の問題を報告するための期限を設定し、入ってくるフィードバックを特別に追跡して対処することをワーキンググループに要求します。コメント追跡文書は、コメントの処置(Disposition of Comments: DoC)になります。これは、広いレビューと支持を実証するために、ディレクターの承認に対する更新された草案と一緒に提出されます。
- 勧告候補(Candidate Recommendation: CR)
-
これは、W3C仕様のテスト段階です。とりわけこの段階は、仕様をテストするために試験と実装を使用するということを意味します。実装をテストすることが目的ではありません。このプロセスは多くの場合、仕様についてより多くの問題を明らかにするので、勧告候補は実装とテストのフィードバックに応じて時間をかけて変化させます。もっとも通常は設計段階(草案)の間よりも少なくなります。
各機能の2つの正しい、独立している実装の実証は、勧告候補を終了するのに必要なので、この段階でワーキンググループはテストスイートを作成して実装のレポートを生成します。
次の段階への移行は、「勧告案」(Proposed Recommendation: PR)です。この段階の間にW3C諮問委員会は、勧告への移行を承認しなければなりません。
- 勧告(Recommendation: REC)
- これは、W3C仕様の完成した状態であり、メンテナンス段階を表します。この時点で草案は、エラッタ文書を維持し、仕様に戻るエラッタを組み込む更新版を折に触れて発行します。
編集者草案(Editor’s Draft)は、効果的に編集者自身の作業コピーのライブコピーです。編集者草案は、ワーキンググループのコンセンサスを反映してもしなくてもよく、折に触れて自己矛盾した状態にすることができます。(W3Cでの公開プロセスは時間がかかり面倒なので、編集者草案は通常、仕様に対する最善の(最新の)基準です。公式草案が定期的に最新でありそして編集者草案がスクラッチスペースとしての本来の機能に戻ることができるように、試みは発行の衝突を低減するために現在進行中です。)
2. Cascading Style Sheets (CSS) — 公式の定義
2018年現在で、カスケーディングスタイルシート(CSS)は、次の仕様によって定義されます。
- CSS Level 2、最新のリビジョン(エラッタを含む)[CSS2]
- これは、後の仕様によって上書きされる部分の、CSSの中核を定義します。我々は、CSSの基本的な概念とその設計原理の一部を紹介する、2章を読むことを特に推奨します。
- CSS Syntax Level 3 [CSS-SYNTAX-3]
- どのようにCSSが解析されるかを定義する、CSS2§4.1、CSS2§4.1、CSS2§4.2、CSS2§4.4およびCSS2§Gを置換します。
- CSS Style Attributes [CSS-STYLE-ATTR]
- CSS宣言をマークアップ属性に埋め込むことを可能にする方法を定義します。
- Media Queries Level 3 [CSS3-MEDIAQUERIES]
- CSS2§7.3を置換し、メディア固有のスタイルに対する構文を拡張します。
- CSS Conditional Rules Level 3 [CSS3-CONDITIONAL]
- ネストを可能にするために@media規則の定義を更新し、CSS2§7.2を置換し、機能サポートクエリーに対する@supports規則を導入します。
- CSS Namespaces [CSS3-NAMESPACE]
- 名前空間接頭辞のセレクタを可能にするための@namespace規則を導入します。
- Selectors Level 3 [SELECT]
- 拡張されたセレクタの範囲を定義する、CSS2§5とCSS2§6.4.3を置換します。
- CSS Cascading and Inheritance Level 3 [CSS-CASCADE-3]
- CSS2§1.4.3とCSS2§6を置換します
- CSS Values and Units Level 3 [CSS-VALUES-3]
- CSSのプロパティ定義構文を定義して単位のセットを拡張する、CSS2§1.4.2.1、CSS2§4.3、およびCSS2§A.2.1-3を置換します。
- CSS Color Level 3 [CSS3-COLOR]
- 色値の拡張した範囲を定義する、CSS2§4.3.6、CSS2§14.1、およびCSS2§18.2を置換します。また、opacityプロパティを導入します。
- CSS Backgrounds and Borders Level 3 [CSS3-BACKGROUND]
- 層状の背景画像、画像ボーダー、およびドロップシャドウ含む、背景とボーダーのより多くの制御を提供し、CSS2§8.5とCSS2§14.2を置換します。
- CSS Image Values and Replaced Content Level 3 [CSS3-IMAGES]
- (画像など)置換要素の大きさに対する新しい土台テキストを提供し、その大きさと向きに追加のコントロールを追加し、CSSの画像としてグラデーションの構文を導入します。
- CSS Fonts Level 3 [CSS-FONTS-3]
- CSS2§15を置換し、フォントの選択と機能選択をより詳細な制御を提供します。
- CSS Multi-column Layout Level 1 [CSS3-MULTICOL]
- CSSレイアウトに多段組みのフローを導入します。
- CSS User Interface Module Level 3 [CSS-UI-3]
- CSS2§18.1とCSS2§18.4を置換して、cursor、outline、そしてさらにユーザーインターフェイスを強化する複数の新しいCSSの機能を定義します。
- CSS Compositing and Blending Level 1 [COMPOSITING]
- オーバーレイされたコンテンツの合成や混合を定義し、それらのモードを制御するための機能を導入します。
- CSS Writing Modes Level 3 [CSS-WRITING-MODES-3]
- 左から右(たとえば、ラテン語またはインド語)、右から左(たとえば、ヘブライ語またはアラビア語)、双方向(たとえば、ラテン語およびアラビア語の混合)および縦(たとえば、アジアの文字)など、さまざまな国際的な書字モードのためのCSSサポートを定義します。
- CSS Flexible Box Module Level 1 [CSS-FLEXBOX-1]
- CSSに柔軟な直線レイアウトモデルを導入します。
- CSS Custom Properties for Cascading Variables Module Level 1 [CSS-VARIABLES-1]
- すべてのCSSプロパティで受け入れられる新しいプリミティブ値の型と、そのCSSプロパティを定義するためのカスタムプロパティとしてカスケード変数を導入します。
- CSS Transforms Level 1 [CSS3-TRANSFORMS]
- CSSにグラフィカルな変換を導入します。
- CSS Transitions Level 1 [CSS3-TRANSITIONS]および[CSS-EASING-1]とともにCSS Animations Level 1 [CSS3-ANIMATIONS]
- 時間をかけてCSSプロパティの算出値を推移するためのメカニズムを定義します。
- CSS Grid Layout Module Level 1 [CSS-GRID-1]
- ユーザーインターフェイス設計に最適化された、2次元グリッドベースのレイアウトシステムを定義します。グリッドレイアウトモデルにおいて、グリッドコンテナの子は、定義済みのフレキシブルまたは固定サイズのレイアウトグリッド内の任意のスロットに配置することができます。
- CSS Text Module Level 3 [CSS-TEXT-3]
- テキスト操作のプロパティを定義し、その処理モデルを指定します。これは、改行、行端揃えと整列、空白の処理、およびテキスト変換を取り扱います。
- CSS Will Change Level 1 [CSS-WILL-CHANGE-1]
- will-changeと呼ばれるパフォーマンスヒントのプロパティを導入します。
- Filter Effects Module Level 1 [FILTER-EFFECTS-1]
- フィルターエフェクトは、文書に表示される前に要素のレンダリングを処理する方法です。
- CSS Counter Styles Level 3 [CSS-COUNTER-STYLES-3]
- <counter-style>の可能な値を拡張し、カスタマイズされたカウンタースタイルに@counter-style構文を提供します。
- CSS Masking Level 1 [CSS-MASKING-1]
- CSS2§11.1.2を置換し、コンテンツの切り抜きやマスキングのより強力な方法を導入します。
- CSS Shapes Module Level 1 [CSS-SHAPES-1]
- 非矩形を包む形状をもたらすためのフロートを拡張します。
- CSS Text Decoration Level 3 [CSS-TEXT-DECOR-3]
- テキスト装飾ラインにより詳細な制御を提供し、テキスト圏点とテキストシャドウを指定するための機能を追加する、CSS2§16.3を置換します。
- CSS Speech Module Level 1 [CSS3-SPEECH]
- (非規範的な)音声レンダリングの章を見直し、CSS2§Aを置換します。
- CSS Box Alignment Module Level 3 [CSS-ALIGN-3]
- ブロックレイアウト、テーブルレイアウト、フレックスレイアウト、グリッドレイアウトなど、さまざまなCSSボックスレイアウトモデルにおける、コンテナ内のボックスの配置に関するCSSの機能を含みます。
- CSS Fragmentation Module Level 3 [CSS-BREAK-3]
- フローをページ、列、または領域に分割するフラグメンテーションモデルについて説明します。
- CSS Containment Module Level 1 [CSS-CONTAIN-1]
- 要素のサブツリーがページの残りの部分から独立していることを示すcontainsプロパティについて説明します。これは、うまく使えば、ユーザーエージェントにより大幅な最適化が可能になります。
- CSS Scroll Snap Module Level 1 [CSS-SCROLL-SNAP-1]
- 「スナップ位置」でのパンとスクロールの動作を制御する機能を含みます。
- Media Queries Level 4 [MEDIAQUERIES-4]
- 構文の拡張、ほとんどのメディアタイプの廃止、新しいメディア機能を導入する、[CSS3-MEDIAQUERIES]を拡張して置き換えます。
- CSS Cascading and Inheritance Level 4 [CSS-CASCADE-4]
- スタイル規則を照合し、すべての要素のすべてのプロパティに値を割り当てる方法を説明する、[CSS-CASCADE-3]を拡張して置き換えます。カスケーディングと継承の方法として、すべての要素のすべてのプロパティに対して値は伝播されます。
将来のスナップショットにそれらを組み込むことを希望します。
すべてのCSSモジュール、安定か進行中、およびモジュールのステータスのリストは、CSS Current Work pageで見つけることができます。
2.1. CSSのレベル
Cascading Style Sheetsは、従来の意味におけるバージョンを持ちません。代わりに、レベルを持ちます。CSSの各レベルは、定義を洗練して機能を追加する、前のレベルに基づきます。各上位レベルの機能セットは、任意の下位レベルのスーパーセットであり、上位レベルで特定の機能を許可される動作は、下位レベルで許可されるもののサブセットです。よってCSSの上位レベルに適合するユーザーエージェントはまた、すべての下位レベルに適合します。
- CSS Level 1
- CSSワーキンググループは、CSS1仕様が時代遅れであると考えます。CSSレベル1は(プロパティ、値、@規則など)CSS1仕様で定義されるすべての機能として定義されますが、CSS2.1仕様における構文と定義を使用します。CSSスタイル属性は、要素固有のスタイル属性で包含物を定義します。
- CSS Level 2
-
CSS2仕様は技術的にW3C勧告ですが、W3Cが勧告候補の段階を定義する前に、CSS2は勧告段階に移行しました。時間をかけての実装経験とさらなるレビューは、CSS2仕様で多くの問題を表面化させ、既に手に負えないエラッタリストを拡充する代わりに、CSSワーキンググループは、CSSレベル2リビジョン1(CSS2.1)を定義することにしました。2つの仕様の間に矛盾がある場合にはCSS2.1が最終的な定義を含みます。
CSS2の廃止されたCSS2勧告として正式に安定性の同じレベルでないにもかかわらず、一度CSS2.1が勧告候補になれば効果を持ちます。CSS2.1から削除されたCSS2の機能は、勧告候補の段階にあると考えられますが、これらの多くはCSSレベル3草案にすでに取り入れられているか、将来取り入れられることに注意すべきです。その場合にその仕様が一度勧告候補に到達すれば、CSS2の定義は廃止されます。
CSS2.1仕様はCSSレベル2を定義し、CSSスタイル属性仕様は要素固有のスタイル属性での包含物を定義します。
- CSS Level 3
-
CSSレベル3は、CSS2.1の核としてCSS2.1仕様を使用する、CSSレベル2モジュールごとに基づきます。各モジュールは、機能を追加および/またはCSS2.1仕様の一部を置換します。新しいCSSモジュールがCSS2.1仕様と矛盾しないことをCSSワーキンググループは意図します。モジュールは単に機能を追加して、定義を洗練します。各モジュールが完了するように、以前に完了したモジュールに加えるCSS2.1の既存のシステムに埋め込まれます。
これ以降のモジュールレベルは、独立してレベル付けされます。たとえばSelectors Level 4は、CSS Line Module Level 3の前に完了してもよいです。CSSレベル2と同等なものがないモジュールは、レベル1で開始します。CSSレベル2に存在する機能を更新するモジュールは、レベル3で開始します。
- CSS Level 4以降
- CSSレベル4は存在しません。独立したモジュールはレベル4以降に到達することができますが、CSS言語はもはやレベルを持ちません。(用語としての「CSSレベル3」は、以前のモノリシックバージョンからレベルを区別するためにのみ使用されます。)
2.2. CSSプロファイル
すべての実装が、CSSで定義されるすべての機能を実装するとは限りません。
これまで、ワーキンググループは、さまざまなクラスのユーザーエージェントがサポートする予定のCSSの最小サブセットを定義するための、いくつかのプロファイルを公開しました。
ワーキンググループは効果的で有用なものと判断せず、以前定義されたプロファイルは維持されていないため、この作業は中止されました。
注:たとえCSSのサブセットが公式プロファイルであっても、CSSの部分的な実装は、部分的実装のための前方互換構文解析規則に従わなければなりません。
3. CSSの責任ある実装に対する要求
以下の節は、現在と将来の相互運用性を促進するような方法で、責任を持ってCSSを実装するための複数の適合性要件を定義します。
3.1. 部分的実装
著者がフォールバックの値を割り当てるための上位互換の解析規則を利用することができるようにするために、CSSレンダラは任意の@規則、プロパティ、プロパティの値、キーワード、その他レンダラが使用可能なサポートのレベルがない構文要素を、無効(そして必要に応じて無視)として扱わなければなりません。特に、ユーザーエージェントはある1つの複数値プロパティ宣言において非サポートのコンポーネントの値を無視し、かつサポートされる値を選択的に履行してはなりません。任意の値が無効と見なされる(サポートされない値はそうでなければならない)場合、CSSは宣言全体が無視される必要があります。
3.2. 不安定な実装とプロパティ機能
将来の安定したCSS機能との衝突を避けるために、CSSワーキンググループは、不安定な機能とCSSへの独自拡張の実装に対する次のベストプラクティスを推奨します。
3.2.1. 実験および不安定な機能
W3C仕様書に記載されるが、相互運用可能でない不安定な機能の実装は、一般的使用に対して広く公開されるべきではありませんが、コントロールされた環境で実験的使用、限定的に公開されてもよいです。
なぜ?
私たちは、機能を実験してフィードバックを与えることを著者と実装者の両方を可能にしたいが、量産ウェブサイトで著者がCSS機能に依存することを防止し、かつ後で変更されるかもしれない特定の構文または動作を誤って「ロックイン」することから著者を防止します。あるCSS機能の仕様がW3Cプロセスにおける勧告候補(CR)の段階に達するまで、そのCSS機能は不安定であると考えられます。例外的なケースとして、CSSWGは追加で、公式に記録される決議により、広い使用のために公開しても安全と考えられるセットにCR前の機能を追加するかもしれません。See §4 Safe to Release pre-CR Exceptions.
注:しばらくの間で変更されていないCR前の仕様は通常安定版よりも時代遅れであるので、ベンダーは、WGに明示的に相談すべきであり、かつこの点についての仮定を行うべきではありません。
3.2.2. 所有者と非標準機能
将来のCSS機能との衝突を避けるために、CSS2.1仕様は、CSSの独占かつ実験的な拡張のための接頭辞構文 [CSS21]を予約します。あるCSS機能が、単一ベンダーのユーザーエージェントにのみアクセス可能な閉じた環境において使用を意図される場合、独自拡張です。ユーザーエージェントは、ベンダー接頭辞構文を通してのみそのような独自拡張をサポートすべきであり、World Wide Webのようなオープンな(マルチユーザーエージェント)環境に独自拡張を公開すべきではありません。
なぜ?
接頭辞の要件は、標準CSSへの将来の追加と競合することなく閉じた環境における特殊な機能の出荷を可能にします。オープン系への公開の制限は、誤って公衆CSS環境に標準化されない拡張に依存させることを防ぐものです。たとえ機能がウェブで最終的に使用されることを意図されても、その機能がまだ標準化されていない場合、依然としてウェブに公開されるべきではありません。
3.2.3. 市場の圧力とデファクトスタンダード
まだ機能が不安定である(すなわち仕様がまだ安定してない)場合、
-
少なくとも3つのユーザーエージェントは、機能を実装し(またはあるユーザーエージェントが他の規則を破壊しかつ量産リリースで不安定またはその他の非標準的な機能を出荷し)、
-
かつ実装がラフな相互運用性を持ち、
-
かつCSSワーキンググループがこの機能が存在しかつ公開されるべきであるという合意を記録している場合、
実装者は、広範なリリースビルドで接頭辞なしの機能を出荷してもよいものです。ラフな相互運用性は、差異があるにも関わらず、主観的判断によって満たされ、実装がかなりの数のユースケースに対する量産ウェブサイトで使用されるのと十分に類似します。
しかし、CSSワーキンググループは依然としてベンダー間の連携を確保するために、および各ベンダーからのCSS専門家による健全性審査を確実にするために相談しなければならないことに注意してください。特に、詳細は標準レビュープロセスを通して解決されていないため、ラフな相互運用性は依然として、通常エッジケース(またはそれほどエッジでないケース)において痛みを伴う相互運用性の欠如を意味することにも注意してください。
3.2.3.1. ベンダー接頭辞の不安定な機能
量産リリースでウェブに標準化過程の不安定な機能として公開する場合、実装は機能に対するベンダー接頭辞ありと接頭辞なしの両方の構文をサポートすべきです。機能が安定しており、かつ実装が相互運用可能な動作と一致するように更新される時点で、ベンダー接頭辞構文に対するサポートは削除されるべきです。
なぜ?
これは、著者がすべての実装を対象にする接頭辞なしの構文を使用することができるが、必要な場合に、著者が標準またはバグ修正プロセスを通して解決する実装間で互換性の問題を回避するために特定の実装を対象にすることができるよう推奨します。接頭辞構文のみがサポートされる場合の局面の欠如は、ベンダー接頭辞構文のみが記述されているスタイルシートのリスクを低減します。これは、既存のコンテンツを破壊するより低いリスクとともに、ひとたび機能が安定すればユーザーエージェントベンダーに接頭辞構文を順に引退させることを可能にします。また、その構文に依存によるコンテンツのせいで、他のベンダーの接頭辞をもつ機能をサポートするために一部のベンダーによって折に触れて感じる必要性を低減します。
著者に不安定な機能を促進する人は誰でも、標準の接頭辞のない構文を使用してその機能を文書に記録すべきであり、実装の違いに対処する以外の目的でベンダー接頭辞付きの構文の使用を勧めることは避けるべきです。
3.2.3.2. CSSのオープン性の維持
技術としてCSSのオープンな性質を維持するために、ベンダーは、出荷するすべての機能を他の実装者が自由に実装すること可能にすべきです。この目的のために、ベンダーは、そのような機能の標準化を完了するために仕様編集およびテストするリソースを提供すべきであり、そして機能を出荷する競合他社に他の障害物(たとえば、プラットフォーム依存性、ライセンスの制限)を避けるべきです。
3.3. CRレベル機能の実装
仕様が勧告候補の段階に達すると、実装者は、実装者が仕様に従って正しく実装されることを示すことができる任意の勧告候補レベルの機能の接頭辞のない実装を公開すべきであり、接頭辞付きのその機能の変形を公開すべきではありません。
実装を問わずCSSの相互運用性を確立し維持するために、CSSワーキンググループは、非実験的なCSSレンダラが、任意のCSS機能の接頭辞なしの実装を公開する前に、実装レポート(そして、もし必要なら、実装レポートで使用したテストケース)をW3Cへ提出することを要請します。W3Cへ提出されたテストケースは、CSSワーキンググループによるレビューと修正の対象となります。
テストケースと実装レポートの提出に関する詳細情報は、CSSワーキンググループのウェブサイト(https://www.w3.org/Style/CSS/Test/)にあります。質問は直接public-css-testsuite@w3.orgメーリングリストまで。
4. 安全に公開可能なpre-CR例外
候補勧告に達する前に、以下の機能がCSSワーキンググループによって明示的かつ積極的にパスしています。
- サイジングプロパティ(width, heightなど)ボーダープロパティ、マージンおよびパディングプロパティのフロー関連に相当するもの。説明および仕様を参照してください。
- サイジングプロパティのmin-contentおよびmax-contentキーワード。決定および仕様を参照してください。
- conic-gradient()勾配記法。決定を参照してください。
候補勧告に達する前に、以下の機能がCSSワーキンググループによって明示的かつ遡及的にパスしています。
- CSS Animations Level 1、CSS Transitions Level 1、およびCSS Transforms Level 1のすべて。
- [SELECTORS-4]由来の:dir()、:lang()、および:focus-within疑似クラス。
5. 索引
以下の節は非規範的です。
5.1. 用語索引
- 100...900 weight values
- 1st <length>
- 2d matrix
- 2nd <length>
- 3rd <length>
- 4th <length>
- a
- absolute length
- absolutely positioned element
- abstract dimensions
- activeborder
- activecaption
- active duration
- actual value
- additive tuple
- adjoining
- advance measure
- after-change style
- aliceblue
- alignment baseline
- alignment container
- alignment context
- alignment subject
- all-petite-caps
- all-small-caps
- alphabetic baseline
- an+b
- anchor unit
- animation origin
- animation-tainted
- antiquewhite
- appworkspace
- aqua
- aquamarine
- are a valid escape
- ascii case-insensitive
- as conformance class
- aspect value
- atomic inline-level boxes
- at-rule
- augmented grid
- aural "box" model
- authoring tool
- author origin
- author style sheet
- auto!!font-kerning
- automatic column position
- automatic grid position
- automatic minimum size
- automatic placement
- automatic position
- automatic row position
- auto-placement
- auto-placement cursor
- available grid space
- avoid break values
- axis-lock
- axis value
- azure
- b
- backdrop
- background
- background painting area
- background positioning area
- baseline
- baseline alignment
- baseline alignment preference
- baseline content-alignment
- baseline self-alignment
- baseline set
- baseline-sharing group
- baseline table
- base size
- bearing angle
- before-change style
- before flag
- beige
- bidi formatting characters
- bidi-isolate
- bidi-isolated
- bidi isolation
- bidi paragraph
- bidirectionality
- bi-orientational
- bi-orientational transform
- bisque
- black
- blanchedalmond
- block axis
- block-axis
- block boxes
- block container box
- block dimension
- block end
- block-end
- block flow direction
- block-level boxes
- block-level elements
- block scripts
- block size
- block-size
- block start
- block-start
- blue
- blueviolet
- blur radius
- bold
- bolder
- boolean context
- border
- border box
- border-box
- border image area
- border radius
- bottom
- box alignment properties
- box-corner
- box fragment
- break
- brown
- burlywood
- buttonface
- buttonhighlight
- buttonshadow
- buttontext
- cadetblue
- cancel
- canonical unit
- canvas
- captiontext
- captures snap positions
- cascade
- cascaded value
- cascade origin
- central baseline
- character
- character map
- chartreuse
- check if three code points would start an identifier
- check if three code points would start a number
- check if two code points are a valid escape
- child combinator
- chocolate
- circled-lower-latin
- clamp a grid area
- clearance.
- clipping path
- clipping region
- closest-side
- clustered scripts
- code point
- collapse
- collapsed flex item
- collapsed gutter
- collapsed margin
- collapsed track
- collapse through
- collapsible
- collapsible white space
- color stop
- color stop list
- column axis
- column box
- column break
- column gap
- column height
- column row
- column rule
- column width
- combinators
- combined duration
- common-ligatures
- compatible baseline alignment preferences
- compatible units
- complete
- completed transition
- component value
- composite face
- computed track list
- computed value
- concrete object size
- condensed
- conditional group rule
- conditional group rules
- conformance::authoring tool
- conformance::processor
- conformance::style sheet
- constraint rectangle
- consume a component value
- consume a declaration
- consume a function
- consume a list of declarations
- consume a list of rules
- consume a name
- consume an at-rule
- consume an escaped code point
- consume an ident-like token
- consume a number
- consume a numeric token
- consume a qualified rule
- consume a simple block
- consume a string token
- consume a token
- consume a unicode-range token
- consume a url token
- consume comments
- consume the next input token
- consume the remnants of a bad url
- contain constraint
- containing block
- containing block for all descendants
- containment
- content
- content area
- content-based minimum size
- content box
- content-box
- content-distribution
- content-distribution properties
- content height
- content language
- content size
- content size suggestion
- content width
- contextual
- convert a string to a number
- coordinated self-alignment preference
- coral
- cornflowerblue
- cornsilk
- counter style
- counter symbol
- cover constraint
- crimson
- cross axis
- cross-axis
- cross-axis baseline set
- cross dimension
- cross-end
- cross size
- cross-size
- cross size property
- cross-start
- css
- cssconditionrule
- cssfontfacerule
- cssgroupingrule
- css ident
- css identifier
- cssmediarule
- css qualified name
- csssupportsrule
- css-wide keywords
- cubic bézier timing function
- currentcolor
- current input code point
- current input token
- current transformation matrix
- current tuple
- current value
- cursive
- cursive script
- custom property
- cyan
- darkblue
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkgrey
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray
- darkslategrey
- darkturquoise
- darkviolet
- declaration
- declaration block
- declared
- declared value
- decode
- decorating box
- deeppink
- deepskyblue
- default face
- default namespace
- default object size
- default sizing algorithm
- default style sheet
- definite
- definite column position
- definite column span
- definite grid position
- definite grid span
- definite position
- definite row position
- definite row span
- definite size
- definite span
- descriptor_declaration
- destination
- determine the fallback encoding
- diagonal-fractions
- dice
- digit
- dimension
- dimgray
- dimgrey
- directional embedding
- directional override
- discretionary-ligatures
- display
- distributed alignment
- distribute extra space
- document
- documents
- document white space
- document white space characters
- dodgerblue
- dominant baseline
- east asian width property
- effective character map
- empty float area
- end
- ending point
- ending shape
- ending token
- end of the range
- end time
- end value
- environment encoding
- eof code point
- escaping
- establish an orthogonal flow
- expanded
- expanded name
- explicit grid
- explicit grid properties
- extra-condensed
- extra-expanded
- fallback alignment
- false in the negative range
- fantasy
- farthest-side
- filter primitive
- filter primitive attributes
- filter primitive subregion
- filter primitive tree
- filter region
- firebrick
- first available font
- first-baseline alignment
- first-baseline content-alignment
- first baselines
- first-baseline self-alignment
- first baseline set
- first cross-axis baseline set
- first formatted line
- first main-axis baseline set
- first symbol value
- fixed sizing function
- flex base size
- flex basis
- flex container
- flex direction
- flex factor
- flex factor sum
- flex formatting context
- flex fraction
- flex grow factor
- flexible
- flexible length
- flexible sizing function
- flexible tracks
- flex item
- flex layout
- flex-level
- flex line
- flex shrink factor
- float area
- floralwhite
- flow of an element
- flow-relative
- flow-relative direction
- focus
- font_face_rule
- font_face_sym
- font-family
- font-kerning
- font-relative lengths
- font-size-adjust
- font-stretch
- font-style
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-weight
- footnote
- forced break
- forced break values
- forced line break
- forced paragraph break
- forestgreen
- formatting structure
- forward-compatible parsing
- fragment
- fragmentainer
- fragmentation
- fragmentation break
- fragmentation container
- fragmentation context
- fragmentation direction
- fragmentation root
- fragmented flow
- free space
- frequency
- fuchsia
- full-size
- full-size kana
- full-width
- fully inflexible
- function
- functional notation
- gainsboro
- general category
- general_enclosed
- generate a counter
- generate a counter representation
- generate baselines
- get an encoding
- ghostwhite
- go
- gold
- goldenrod
- gradient-average-color
- gradient box
- gradient center
- gradient line
- gradient ray
- grapheme cluster
- gray
- graytext
- green
- greenyellow
- grey
- grid
- grid area
- grid cell
- grid column
- grid column line
- grid container
- grid formatting context
- grid item
- grid item placement algorithm
- grid layout
- grid-level
- grid line
- grid-modified document order
- grid order
- grid placement
- grid-placement property
- grid position
- grid row
- grid row line
- grid sizing algorithm
- grid span
- grid track
- group rule body
- group_rule_body
- growth limit
- gutter
- hang
- height
- hex digit
- highlight
- highlighttext
- historical-ligatures
- honeydew
- horizontal axis
- horizontal block flow
- horizontal dimension
- horizontal offset
- horizontal-only
- horizontal script
- horizontal writing mode
- hotpink
- hyphenate
- hyphenation
- hyphenation opportunity
- hypothetical cross size
- hypothetical fr size
- hypothetical main size
- ident
- identifier
- identifiers
- identity transform function
- ignore
- ignored
- implicit grid
- implicit grid column
- implicit grid lines
- implicit grid properties
- implicit grid row
- implicit grid track
- implicit named area
- implicit named line
- !important
- important
- import conditions
- inactiveborder
- inactivecaption
- inactivecaptiontext
- indefinite
- indefinite size
- indianred
- indigo
- infinitely growable
- in-flow
- infobackground
- infotext
- inherit
- inheritance
- inherited property
- inherited value
- initial containing block
- initial free space
- initial representation for the counter value
- initial value
- inline axis
- inline-axis
- inline base direction
- inline box
- inline dimension
- inline end
- inline-end
- inline-level boxes
- inline-level elements
- inline size
- inline-size
- inline start
- inline-start
- inner box-shadow
- input progress value
- input stream
- integer
- intended direction
- intended direction and end position
- intended end position
- internal table element
- interpreter
- intrinsic aspect ratio
- intrinsic dimensions
- intrinsic height
- intrinsic resolution
- intrinsic sizing function
- intrinsic width
- invalid
- invalid at computed-value time
- invalid image
- isolated sequence
- isolation
- italic
- ivory
- jis04
- jis78
- jis83
- jis90
- justification opportunity
- khaki
- last-baseline alignment
- last-baseline content-alignment
- last baselines
- last-baseline self-alignment
- last baseline set
- last cross-axis baseline set
- last main-axis baseline set
- lavender
- lavenderblush
- lawngreen
- layout containment
- left
- leftover space
- legacy name alias
- legacy shorthand
- lemonchiffon
- [<length> | <percentage>]{2}
- letter
- lightblue
- lightcoral
- lightcyan
- lighter
- lightgoldenrodyellow
- lightgray
- lightgreen
- lightgrey
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray
- lightslategrey
- light source
- lightsteelblue
- lightyellow
- lime
- limegreen
- linear timing function
- line box
- line break
- line breaking
- line breaking process
- line-left
- linen
- line name set
- line orientation
- line-over
- line-relative
- line-relative direction
- line-right
- line-under
- lining-nums
- list properties
- list-style-image
- list-style-type
- local coordinate system
- local url flag
- logical height
- logical width
- longhand
- longhand property
- lowercase letter
- magenta
- main axis
- main-axis
- main-axis baseline set
- main dimension
- main-end
- main size
- main-size
- main size property
- main-start
- margin
- margin box
- margin-box
- maroon
- mask border image
- mask border image area
- mask image
- mask layer image
- mask painting area
- mask-position
- mask positioning area
- mask-size
- matches
- matching transition delay
- matching transition duration
- matching transition-property value
- matching transition timing function
- max cross size
- max cross size property
- maximum allowed code point
- max inner height
- max inner width
- max main size
- max main size property
- max track sizing function
- media
- media condition
- media feature
- media query
- media query list
- media query modifier
- '@media' rule
- media type
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumspringgreen
- mediumturquoise
- mediumvioletred
- menu
- menutext
- midnightblue
- min cross size
- min cross size property
- min inner height
- min inner width
- min main size
- min main size property
- min-size contribution
- mintcream
- min track sizing function
- mistyrose
- moccasin
- monolithic
- monospace
- multicol container
- multi-column container
- multi-line flex container
- multiply
- name code point
- named cell token
- named grid area
- named line
- namespace prefix
- name-start code point
- natural end-point
- navajowhite
- navy
- nested_statement
- newline
- next input code point
- next input token
- next-sibling combinator
- no-common-ligatures
- no-contextual
- no-discretionary-ligatures
- no-historical-ligatures
- non-ascii code point
- none!!font-kerning
- none!!font-size-adjust
- none!!font-variant-ligatures
- non-negative-number
- non-printable code point
- normal!!font-kerning
- normal!!font-stretch
- normal!!font-style
- normal!!font-variant-caps
- normal!!font-variant-east-asian
- normal!!font-variant-ligatures
- normal!!font-variant-numeric
- normal!!font-variant-position
- normal!!font-weight
- null cell token
- number
- objects
- object size negotiation
- oblique
- occupied
- oldlace
- oldstyle-nums
- olive
- olivedrab
- operating coordinate space
- optimal viewing region
- or
- orange
- orangered
- orchid
- order-modified document order
- ordinal
- orthogonal
- orthogonal flow
- outer box-shadow
- out of flow
- output of the cascade
- output progress value
- over
- overflow
- overflow alignment
- overflow columns
- padding
- padding box
- padding-box
- page area
- page box
- page break
- page context
- page selector
- pagination
- paint containment
- palegoldenrod
- palegreen
- paleturquoise
- palevioletred
- papayawhip
- parse
- parse a comma-separated list of component values
- parse a component value
- parse a css stylesheet
- parse a declaration
- parse a list of component values
- parse a list of declarations
- parse a list of rules
- parse a rule
- parse a stylesheet
- parse error
- parse something according to a css grammar
- participates in baseline alignment
- pass through filter
- peachpuff
- pending-substitution value
- percentage
- peru
- petite-caps
- physical
- physical bottom
- physical dimensions
- physical direction
- physical left
- physical right
- physical top
- physical units
- pink
- plum
- positional alignment
- positioned
- positioning schemes:
- post-multiplied
- post-multiply
- powderblue
- pre-multiplied
- pre-multiply
- preserved
- preserved tokens
- primary filter primitive tree
- principal block-level box
- principal writing mode
- propagate
- propagation
- proportional-nums
- proportional-width
- pseudo-classes
- pseudo-elements
- purple
- qualified rule
- range context
- reconsume the current input code point
- reconsume the current input token
- red
- reference box
- reference pixel
- region break
- relative length
- relative positioning
- remaining fragmentainer extent
- remaining free space
- renderer
- representation
- reset-only sub-property
- resolved type
- reversing-adjusted start value
- reversing shortening factor
- right
- rosybrown
- row axis
- royalblue
- ruby
- running transition
- saddlebrown
- salmon
- sandybrown
- sans-serif
- scaled flex shrink factor
- scope
- scoped
- scoped properties
- scoped property
- scoped to an element
- scoped to an element's sub-tree
- scoped to a sub-tree
- scoped to the element
- scoped to the element's sub-tree
- scoped to the sub-tree
- scoping element
- screen reader
- script property
- scrollbar
- scroll snap area
- scroll snap container
- scroll snapport
- scroll snap position
- seagreen
- seashell
- segment break
- selector
- self-alignment
- self-alignment properties
- semi-condensed
- semi-expanded
- sequence of simple selectors
- serialize an <an+b> value
- serif
- shared alignment context
- sheets
- shorthand
- shorthand properties
- shorthand property
- sienna
- silver
- simple block
- simple selector
- simplified
- single-line flex container
- size containment
- sizing function
- skyblue
- slashed-zero
- slateblue
- slategray
- slategrey
- small
- small-caps
- small kana
- snap
- snapped
- snapping
- snow
- soft wrap break
- soft wrap opportunity
- source
- space to fill
- span count
- spanner
- spanning element
- specified size
- specified size suggestion
- specified value
- spread break
- spread distance
- springgreen
- srgb
- stacked-fractions
- stacking context
- stack level
- start
- starting point
- start of the range
- starts with an identifier
- starts with a number
- starts with a valid escape
- start time
- start value
- start with an identifier
- start with a number
- static position rectangle
- static-position rectangle
- steelblue
- step position
- steps
- step timing function
- stop or comma
- stretched
- strictness value
- string
- strings
- stroke bounding box
- structural pseudo-classes
- strut size
- style attribute
- style change event
- style containment
- style rule
- style sheet
- style sheet!!as conformance class
- sub
- subjects
- subjects of the selector
- sub-property
- subsequent-sibling combinator
- substitute a var()
- super
- support
- supports_condition
- supports_condition_in_parens
- supports_conjunction
- supports_declaration_condition
- supports_disjunction
- supports_negation
- '@supports' rule
- supports_rule
- supports_sym
- surrogate code point
- synthesize baseline
- synthesized baseline
- system font fallback
- table element
- tab stop
- tabular-nums
- tan
- target main size
- teal
- thistle
- threeddarkshadow
- threedface
- threedhighlight
- threedlightshadow
- threedshadow
- time
- timing function
- titling-caps
- tomato
- top
- top-level flag
- tracking
- track list
- track section
- track sizing algorithm
- track sizing function
- traditional
- transfer function element
- transfer function element attributes
- transferred size suggestion
- transformable element
- transformation matrix
- transformed element
- transitionable
- transition origin
- transparent
- trash token
- triangle
- trinary
- turquoise
- type selector
- typographic character
- typographic character unit
- typographic letter unit
- typographic mode
- ua
- ua origin
- ua style sheet
- ultra-condensed
- ultra-expanded
- under
- unforced break
- unicase
- unicode category
- unicode east asian width
- unicode general category
- unicode script
- universal selector
- unoccupied
- upper-alpha-legal
- uppercase letter
- url
- use a negative sign
- used value
- user agent
- user agent origin
- user agent style sheet
- user coordinate system
- user origin
- user style sheet
- uses a negative sign
- valid image
- var() substitution
- vertical axis
- vertical block flow
- vertical dimension
- vertical offset
- vertical-only
- vertical script
- vertical writing mode
- viewport
- viewport-percentage lengths
- violet
- visual angle unit
- visual box model
- weight
- wheat
- white
- whitesmoke
- white space
- whitespace
- white space characters
- width
- window
- windowframe
- windowtext
- word separator
- word-separator character
- would start an identifier
- would start a number
- wrap
- wrapping
- writing mode
- x-axis
- y-axis
- yellow
- yellowgreen
5.2. セレクター索引
5.3. @規則索引
5.4. プロパティ索引
- --*
- align-content
- align-items
- align-self
- all
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- azimuth
- background
- background-attachment
- background-blend-mode
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-repeat
- background-size
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width
- bottom
- box-decoration-break
- box-shadow
- box-sizing
- break-after
- break-before
- break-inside
- caption-side
- caret-color
- clear
- clip
- clip-path
- clip-rule
- color
- color-interpolation-filters
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- columns
- column-span
- column-width
- contain
- content
- counter-increment
- counter-reset
- cue
- cue-after
- cue-before
- cursor
- direction
- display
- elevation
- empty-cells
- filter
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- float
- flood-color
- flood-opacity
- font
- font-family
- font-feature-settings
- font-kerning
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-variant
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-weight
- gap
- globalcompositeoperation
- glyph-orientation-vertical
- grid
- grid-area
- grid-auto-columns
- grid-auto-flow
- grid-auto-rows
- grid-column
- grid-column-end
- grid-column-gap
- grid-column-start
- grid-gap
- grid-row
- grid-row-end
- grid-row-gap
- grid-row-start
- grid-template
- grid-template-areas
- grid-template-columns
- grid-template-rows
- hanging-punctuation
- height
- hyphens
- image-orientation
- image-rendering
- image-resolution
- isolation
- justify-content
- justify-items
- justify-self
- left
- letter-spacing
- lighting-color
- line-break
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- mask
- mask-border
- mask-border-mode
- mask-border-outset
- mask-border-repeat
- mask-border-slice
- mask-border-source
- mask-border-width
- mask-clip
- mask-composite
- mask-image
- mask-mode
- mask-origin
- mask-position
- mask-repeat
- mask-size
- mask-type
- max-height
- max-width
- min-height
- min-width
- mix-blend-mode
- object-fit
- object-position
- opacity
- order
- orphans
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
- overflow
- overflow-wrap
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- page-break-after
- page-break-before
- page-break-inside
- pause
- pause-after
- pause-before
- pitch
- pitch-range
- place-content
- place-items
- place-self
- play-during
- position
- quotes
- resize
- rest
- rest-after
- rest-before
- richness
- right
- row-gap
- scroll-margin
- scroll-margin-block
- scroll-margin-block-end
- scroll-margin-block-start
- scroll-margin-bottom
- scroll-margin-inline
- scroll-margin-inline-end
- scroll-margin-inline-start
- scroll-margin-left
- scroll-margin-right
- scroll-margin-top
- scroll-padding
- scroll-padding-block
- scroll-padding-block-end
- scroll-padding-block-start
- scroll-padding-bottom
- scroll-padding-inline
- scroll-padding-inline-end
- scroll-padding-inline-start
- scroll-padding-left
- scroll-padding-right
- scroll-padding-top
- scroll-snap-align
- scroll-snap-stop
- scroll-snap-type
- shape-image-threshold
- shape-margin
- shape-outside
- speak
- speak-as
- speak-header
- speak-numeral
- speak-punctuation
- speech-rate
- stress
- table-layout
- tab-size
- text-align
- text-align-all
- text-align-last
- text-combine-upright
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style
- text-emphasis
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-indent
- text-justify
- text-orientation
- text-overflow
- text-shadow
- text-transform
- text-underline-position
- top
- transform
- transform-box
- transform-origin
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- unicode-bidi
- vertical-align
- visibility
- voice-balance
- voice-duration
- voice-family
- voice-pitch
- voice-range
- voice-rate
- voice-stress
- voice-volume
- volume
- white-space
- widows
- width
- will-change
- word-break
- word-spacing
- word-wrap
- writing-mode
- z-index
5.5. 値索引
- add
- additive
- alias
- all
- allow-end
- all-scroll
- alpha
- alphabetic
- alternate
- alternate-reverse
- always
- <angle>
- <angle>? flip
- anywhere
- arabic-indic
- arithmetic
- armenian
- atop
- aural
-
auto
- in css-align-3, for align-self
- in css-align-3, for justify-self
- in css-backgrounds-3, for background-size
- in css-backgrounds-3, for border-image-width
- in css-break-3, for break-before, break-after
- in css-break-3, for break-inside, page-break-inside
- in css-counter-styles-3, for @counter-style/range
- in css-counter-styles-3, for @counter-style/speak-as
- in css-flexbox-1, for align-items, align-self
- in css-flexbox-1, for flex-basis
- in css-flexbox-1, for min-width, min-height
- in css-grid-1, for <grid-line>
- in css-grid-1, for grid-template-columns, grid-template-rows
- in css-images-3, for image-rendering
- in css-masking-1, for mask-mode
- in css-multicol-1, for column-count
- in css-multicol-1, for column-fill
- in css-multicol-1, for column-width
- in css-scroll-snap-1, for scroll-padding, scroll-padding-inline, scroll-padding-inline-start, scroll-padding-inline-end, scroll-padding-block, scroll-padding-block-start, scroll-padding-block-end
- in css-text-3, for hyphens
- in css-text-3, for line-break
- in css-text-3, for text-align-last
- in css-text-3, for text-justify
- in css-text-decor-3, for text-underline-position
- in css-ui-3, for caret-color
- in css-ui-3, for cursor
- in css-will-change-1, for will-change
- in filter-effects-1, for color-interpolation-filters
- auto-fill
- auto-fit
- [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
- avoid
- avoid-column
- avoid-page
- avoid-region
- backgroundalpha
- backgroundimage
- backwards
- balance
- balance-all
- baseline
- <basic-shape>
- bengali
- bidi-override
- blink
- block
- border-box
- both
- bottom
- braille
- break-all
- break-spaces
- break-word
- bullets
- cambodian
- capitalize
- cell
-
center
- in css-align-3, for <self-position>, <content-position>
- in css-backgrounds-3, for background-position
- in css-flexbox-1, for align-content
- in css-flexbox-1, for align-items, align-self
- in css-flexbox-1, for justify-content
- in css-scroll-snap-1, for scroll-snap-align
- in css-text-3, for text-align
- in css-transforms-1, for transform-origin
- ch
- circle
- cjk-decimal
- cjk-earthly-branch
- cjk-heavenly-stem
- cjk-ideographic
- clip
- clone
- close-quote
- closest-corner
- closest-side
- cm
- coarse
- <color>
- color
- color-burn
- color-dodge
- col-resize
- column
- column-reverse
- contain
- content
- content-box
- contents
- context-menu
- copy
- <counter-style-name>
- cover
- crisp-edges
- crosshair
- currentcolor
- <custom-ident>
- cyclic
- darken
- dashed
- decimal
- decimal-leading-zero
- default
- deg
- dense
- devanagari
- difference
- disc
- disclosure-closed
- disclosure-open
- discrete
- distribute
- dot
- dotted
- double
- double-circle
- dpcm
- dpi
- dppx
- duplicate
- each-line
- ease
- ease-in
- ease-in-out
- ease-out
- ellipse
- ellipsis
- em
- embed
- embossed
- end
- <ending-shape>
- e-resize
- ethiopic-numeric
- evenodd
- ew-resize
- ex
- exclude
- exclusion
- extends
- farthest-corner
- farthest-side
- fast
- fill
- fill-box
- filled
- fillpaint
- fine
- first
- first baseline
- fit-content()
- fixed
- <flex>
- flex
- <'flex-basis'>
- flex-end
- <'flex-grow'>
- <'flex-shrink'>
- flex-start
- font-feature-settings
- font-variant
- force-end
- forwards
- fr
- from-image
- fr unit
- full-size-kana
- full-width
- gamma
- georgian
- grab
- grabbing
- grad
- grid
- <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>?
- <'grid-template-rows'> / <'grid-template-columns'>
- groove
- gujarati
- gurmukhi
- handheld
- hanging
- hard-light
- hebrew
- help
- hidden
- high-quality
- hiragana
- hiragana-iroha
- horizontal-tb
- hover
- hue
- hz
- identity
- <image>
- in
- infinite
- inherit
- initial
- inline
- inline-block
- inline-flex
- inline-grid
- inline-table
- inset
- <integer>
- <integer> && <custom-ident>?
- inter-character
- interlace
- intersect
- inter-word
- invert
- isolate
- isolate-override
- japanese-formal
- japanese-informal
- jump-both
- jump-end
- jump-none
- jump-start
- justify
- justify-all
- kannada
- katakana
- katakana-iroha
- keep-all
- <keyframes-name>
- khmer
- khz
- korean-hangul-formal
- korean-hanja-formal
- korean-hanja-informal
- landscape
- lao
- last
- last baseline
- layout
-
left
- in css-align-3, for justify-content, justify-self, justify-items
- in css-backgrounds-3, for background-position
- in css-break-3, for break-before, break-after
- in css-text-3, for text-align
- in css-text-decor-3, for text-text-emphasis-position
- in css-text-decor-3, for text-underline-position
- in css-transforms-1, for transform-origin
- legacy
- <length>
-
<length-percentage>
- in css-backgrounds-3, for background-size
- in css-backgrounds-3, for border-image-width
- in css-grid-1, for grid-template-columns, grid-template-rows
- in css-multicol-1, for column-gap
- in css-scroll-snap-1, for scroll-padding, scroll-padding-inline, scroll-padding-inline-start, scroll-padding-inline-end, scroll-padding-block, scroll-padding-block-start, scroll-padding-block-end
- <length-percentage>{2}
- lighten
- linear
- linearrgb
- [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
- line-through
- list-item
- local
- loose
- lower-alpha
- lower-armenian
- lowercase
- lower-greek
- lower-latin
- lower-roman
- ltr
- luminance
- luminosity
- malayalam
- mandatory
- manual
- margin-box
- match-parent
- match-source
- max-content
- medium
- min-content
- minmax()
- mixed
- mm
- mongolian
- move
- ms
- multiply
- myanmar
- ne-resize
- nesw-resize
- no-clip
- no-close-quote
- no-composite
- no-drop
-
none
- in css-animations-1, for animation-fill-mode
- in css-animations-1, for animation-name
- in css-backgrounds-3, for <line-style>, border-style, border-top-style, border-left-style, border-bottom-style, border-right-style, border
- in css-backgrounds-3, for background-image
- in css-backgrounds-3, for box-shadow
- in css-contain-1, for contain
- in css-flexbox-1, for flex
- in css-grid-1, for grid-template
- in css-grid-1, for grid-template-areas
- in css-grid-1, for grid-template-rows, grid-template-columns
- in css-images-3, for image-orientation
- in css-images-3, for object-fit
- in css-multicol-1, for column-span
- in css-scroll-snap-1, for scroll-snap-align
- in css-scroll-snap-1, for scroll-snap-type
- in css-shapes-1, for shape-outside
- in css-text-3, for hanging-punctuation
- in css-text-3, for hyphens
- in css-text-3, for text-justify
- in css-text-3, for text-transform
- in css-text-decor-3, for text-decoration-line
- in css-text-decor-3, for text-text-emphasis-style
- in css-transitions-1, for transition-property
- in css-ui-3, for cursor
- in css-writing-modes-3, for text-combine-upright
- in css2
- in mediaqueries-4, for @media/hover
- in mediaqueries-4, for @media/overflow-block
- in mediaqueries-4, for @media/overflow-inline
- in mediaqueries-4, for @media/pointer
- in mediaqueries-4, for @media/update
- none!!font-variant
- nonzero
- no-open-quote
- no-repeat
-
normal
- in compositing-1, for <blend-mode>
- in css-align-3, for align-self
- in css-align-3, for justify-content, align-content
- in css-align-3, for justify-self
- in css-align-3, for row-gap, column-gap, gap
- in css-animations-1, for animation-direction
- in css-multicol-1, for column-gap
- in css-scroll-snap-1, for scroll-snap-stop
- in css-text-3, for letter-spacing
- in css-text-3, for line-break
- in css-text-3, for overflow-wrap
- in css-text-3, for white-space
- in css-text-3, for word-break
- in css-text-3, for word-spacing
- in css-writing-modes-3, for unicode-bidi
- normal!!font-feature-settings
- normal!!font-variant
- not
- not-allowed
- nowrap
- n-resize
- ns-resize
- <number>
- numbers
- numeric
- nw-resize
- nwse-resize
- objectboundingbox
- only
- open
- open-quote
- optional-paged
- oriya
- outset
- over
- overlay
- overline
- p3
- padding-box
- page
- paged
- paint
- paused
- pc
- <percentage>
- persian
- pixelated
- pixel unit
- plaintext
- pointer
- portrait
- <position>
- pre
- pre-line
- pre-wrap
- progress
- progressive
- projection
- proximity
- pt
- px
- q
- rad
- rec2020
- recto
- region
- rem
- repeat
- repeat-x
- repeat-y
- reverse
- revert
- ridge
-
right
- in css-align-3, for justify-content, justify-self, justify-items
- in css-backgrounds-3, for background-position
- in css-break-3, for break-before, break-after
- in css-text-3, for text-align
- in css-text-decor-3, for text-text-emphasis-position
- in css-text-decor-3, for text-underline-position
- in css-transforms-1, for transform-origin
- rotate()
- round
- row
- row-resize
- row-reverse
- rtl
- running
- s
- safe
- saturation
- scale()
- scale-down
- scalex()
- scaley()
- screen
- scroll
- scroll-position
- self-end
- self-start
- se-resize
- sesame
- sideways
- sideways-right
- simp-chinese-formal
- simp-chinese-informal
- <size>
- size
- skew()
- skewx()
- skewy()
- slice
- slow
- smooth
- soft-light
- solid
- sourcealpha
- sourcegraphic
- space
- space-around
- space-between
- space-evenly
- span && [ <integer> || <custom-ident> ]
- speech
- spell-out
- square
- s-resize
- srgb
- start
- step-end
- step-start
- stretch
- strict
- <string>
- <string>+
- stroke-box
- strokepaint
- style
- subtract
- sw-resize
- symbolic
- table
- table-caption
- table-cell
- table-column
- table-column-group
- table-footer-group
- table-header-group
- table-row
- table-row-group
- tamil
- telugu
- text
- thai
- thick
- thin
- tibetan
- <time>
- top
- <track-list> | <auto-track-list>
- trad-chinese-formal
- trad-chinese-informal
- translate()
- translatex()
- translatey()
- triangle
- tty
- turn
- tv
- under
- underline
- unsafe
- unset
- upper-alpha
- upper-armenian
- uppercase
- upper-latin
- upper-roman
- upright
- <urange>
- <url>
- userspaceonuse
- verso
- vertical-lr
- vertical-rl
- vertical-text
- vh
- view-box
- vmax
- vmin
- vw
- wait
- words
- wrap
- wrap-reverse
- w-resize
- x
- xor
- y
- zoom-in
- zoom-out
6. 謝辞
§3.2.1実験および不安定な機能の初期草案を作成してくれたFlorian Rivoalに感謝します。