From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/archive/css3/index.html | 1089 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 1089 insertions(+) create mode 100644 files/ja/archive/css3/index.html (limited to 'files/ja/archive/css3') diff --git a/files/ja/archive/css3/index.html b/files/ja/archive/css3/index.html new file mode 100644 index 0000000000..f0e8fd232a --- /dev/null +++ b/files/ja/archive/css3/index.html @@ -0,0 +1,1089 @@ +--- +title: CSS3 +slug: Archive/CSS3 +tags: + - CSS + - Reference +translation_of: Archive/CSS3 +--- +

CSS3 とは、 Cascading Style Sheets 言語の最新の発展版で、 CSS2.1 の拡張を目的としています。 CSS3 は、角丸、影、グラデーション、トランジション、アニメーションなどの長く待望されていた数多くの新機能、また、段組み、フレックスボックス、グリッドレイアウトなどの新しいレイアウトをもたらします。実験的な部分にはベンダー接頭辞がついており、本番環境で使用することを避けるか、構文や意味がどちらも将来的に変更される可能性があるので、細心の注意を払いながら使用するかすべきです。

+ +

モジュールと標準化プロセス

+ +

CSS レベル 2 が勧告ステータスに至るまで、 2002 年 8 月から 2011 年の 6 月までの 9 年間が必要でした。これは、いくつかの 2 次的な機能が仕様全体を堰き止めたためです。問題のない機能の仕様の標準化を加速させるために、 W3C の CSS 作業グループは、北京ドクトリンと呼ばれる決定に従い、 CSS をモジュールと呼ばれる小さなコンポーネントに分割しました。現在、それぞれのモジュールは言語の独立したパートで、それぞれのペースで標準化に向かっています。いくつかのモジュールが既に W3C 勧告になっている一方で、まだ早期の Working Draft であるものもあります。必要性が認められた時は、新しいモジュールも追加されています。

+ +

CSS Modules and Snapshots as defined since CSS3 正式には、CSS3 標準自体は存在しません。 それぞれのモジュールは独立して標準化されています。標準の CSS は、完了したモジュールによって改正および拡張された CSS2.1 で成り立っており、すべてが同じレベルの番号である必要はありません。各時点での、 CSS 標準のスナップショットは、 CSS2.1 と成熟したモジュールを列挙することで定義できます。

+ +

W3 コンソーシアムは、2007, 2010, 2015, 2017, 2018 のように、定期的にそのようなスナップショットを公開しています。

+ +

現在のところ、レベル 3 以上のモジュールは標準化されていませんが、将来的には変更されます。セレクター 4 や CSS 境界と背景 Level 4 のようないくつかのモジュールは、既に Editor's Draft がありますが、最初の Working Draft を公開するには至っていません。

+ +

CSS モジュールの状態

+ +

完了モジュール

+ +

一部の CSS モジュールは、すでに W3C 勧告として標準化されています。これらは基本的に変更されません。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Colors", "", "") }}{{ Spec2("CSS3 Colors") }} 2011年6月7日から
+

{{ cssxref("opacity") }} プロパティ、および {{cssxref("<color>")}} 値を生成する hsl(), hsla(), rgba(), rgb() の各関数が追加されています。有効な色として、 currentColor キーワードも定義されています。

+ +

transparent 色は、実際の色になり (アルファチャネルに対応したため)、 rgba(0,0,0,0.0) の別名になりました。

+ +

いずれの本番環境でも使用すべきではない system-color キーワードは、非推奨になりました。

+
+ + + + + + + + + + + +
{{ SpecName("CSS3 Namespaces", "", "") }}{{ Spec2("CSS3 Namespaces") }} 2011年9月29日から
+

' | ' 構文の使用と CSS の {{ cssxref("@namespace") }} @-規則の追加による CSS 修飾名の概念が定義されたことで、 XML 名前空間への対応が追加されました。

+
+ + + + + + + + + + + +
{{ SpecName("CSS3 Selectors", "", "") }}{{ Spec2("CSS3 Selectors") }} 2011年9月29日から
+

追加:

+ +
    +
  • 属性セレクターで部分文字列の選択、 E[attribute^="value"], E[attribute$="value"], E[attribute*="value"] 。
    • +
  • 新しい疑似クラス: {{ cssxref(":target") }}, {{ cssxref(":enabled") }} と {{ cssxref(":disabled") }}, {{ cssxref(":checked") }}, {{ cssxref(":indeterminate") }}, {{ cssxref(":root") }}, {{ cssxref(":nth-child") }} and {{ cssxref(":nth-last-child") }}, {{ cssxref(":nth-of-type") }} と {{ cssxref(":nth-last-of-type") }}, {{ cssxref(":last-child") }}, {{ cssxref(":first-of-type") }} と {{ cssxref(":last-of-type") }}, {{ cssxref(":only-child") }} and {{ cssxref(":only-of-type") }},{{ cssxref(":empty") }}, {{ cssxref(":not") }}
    • +
  • 疑似要素はコロン1つではなくコロン2つで表現されるようになりました。 :after は {{ cssxref("::after") }} に、 :before は {{ cssxref("::before") }} に、 :first-letter は {{ cssxref("::first-letter") }} に、 :first-line は {{ cssxref("::first-line") }} になりました。
    • +
  • 新しい一般兄弟結合子 ( h1~pre )。
    • +
+
+ +

Selectors 仕様書の次のイテレーション はすでに進行していますが、まだ初めての Working Draft を公開する段階には至っていません。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Media Queries", "", "") }}{{ Spec2("CSS3 Media Queries") }} since June 19th, 2012
+

元のメディア型 (print, screen, …) を拡張して、 only screen and (color) のような端末メディア能力のクエリを使用できる言語になりました。

+ +

メディアクエリは、 CSS 文書で使用されるだけではなく、 {{ HTMLElement("link") }} 要素の {{ htmlattrxref("media","link") }} 属性のように、いくつかの HTML 要素の属性でも使用されています。

+
+ +

この仕様の次のイテレーションが作業中であり、ウェブサイトがユーザーエージェントのインプットメソッドをカスタマイズできる機能、 hover や pointer のような新しいメディア機能が利用できる予定です。 script メディア機能を使用した EcmaScript 対応の検出機能も提案されています。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Style", "", "") }}{{ Spec2("CSS3 Style") }} 2013年11月7日から
HTML の style グローバル属性の内容の構文が正式に定義されました。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Fonts", "", "") }}{{ Spec2("CSS3 Fonts") }} 2018年9月20日から
+

CSS2.1 フォントマッチングアルゴリズムを実装に近いものに修正します。

+ +

追加:

+ +
    +
  • {{ cssxref("@font-face") }} 規則を通したダウンロードフォントへの対応。
    • +
  • {{ cssxref("font-kerning") }} プロパティを通した文字間のスペースの制御。
    • +
  • {{ cssxref("font-language-override") }} プロパティを通した言語特有の字形の選択。
    • +
  • {{ cssxref("font-feature-settings") }} プロパティを通した特定の OpenType を持つ字形の選択。
    • +
  • {{ cssxref("font-size-adjust") }} プロパティを通した、代替フォントを指定した場合の使用するアスペクト比の制御。
    • +
  • {{ cssxref("font-stretch") }} と {{ cssxref("font-variant-alternates") }}、{{ cssxref("font-variant-caps") }}、{{ cssxref("font-variant-east-asian") }}、{{ cssxref("font-variant-ligatures") }}、{{ cssxref("font-variant-numeric") }}、{{ cssxref("font-variant-position") }} プロパティを使用した代替フォントフェイスの選択。関連する {{ cssxref("font-variant") }} 一括指定プロパティの拡張と {{ cssxref("@font-feature-values") }} 規則 の導入。
    • +
  • {{ cssxref("font-synthesis") }} プロパティを通した、何も見つからない場合の斜体、または太字の自動生成の制御。
    • +
+
+ + + + + + + + + + + +
{{ SpecName("CSS3 Basic UI", "", "") }}{{ Spec2("CSS3 Basic UI") }}
+

追加:

+ +
    +
  • {{ cssxref("box-sizing") }} プロパティを使用したボックスモデルの調整機能。
    + リスク: ブラウザーの対応が不十分であるため、 padding-box 値の標準化はこのモジュールの次のイテレーションに延期されるかもしれません。
    • +
  • {{ cssxref(":indeterminate") }} と {{ cssxref(":default") }}, {{ cssxref(":valid") }}、{{ cssxref(":invalid") }}、{{ cssxref(":in-range") }}、{{ cssxref(":out-of-range") }}、{{ cssxref(":required") }}、{{ cssxref(":optional") }}, {{ cssxref(":read-only") }}、{{ cssxref(":read-write") }} 疑似クラスと {{ cssxref("::value") }}、{{ cssxref("::choices") }}、{{ cssxref("::repeat-item") }}、{{ cssxref("::repeat-index") }} 疑似要素を使用した、コンテンツに従ったフォームのスタイリングの許可。
    + リスク: ブラウザーの対応が不十分であるため、 {{ cssxref("::value") }} と {{ cssxref("::choices") }}、{{ cssxref("::repeat-item") }}、{{ cssxref("::repeat-index") }} 疑似要素の標準化はこのモジュールの次のイテレーションに延期されるかもしれません。
    • +
  • {{ cssxref("icon") }} プロパティと {{ cssxref("content") }} プロパティの新しい icon 値によって定義されたアイコンのサポート。
    + リスク: ブラウザ実装が不十分なため、{{ cssxref("icon") }} プロパティと icon 値の標準化は CSS4 に延期されるかもしれません。
    • +
  • {{ cssxref("outline-offset") }} プロパティにアウトラインの位置のより多くの制御を与えるサポート。
    • +
  • 要素の大きさが変更されるべきか、またはどのように変更すべきかを制御できる {{ cssxref("resize") }} プロパティのサポート。
    • +
  • 必要な場合、テキストのオーバーフローの仕方を定義する {{ cssxref("text-overflow") }} プロパティのサポート。
    + リスク: ブラウザーの対応が不十分であるため、 {{cssxref("<string>")}} 値のサポートと同様に、このプロパティの 2 値構文もこのモジュールの次のイテレーションに延期されるかもしれません。
    • +
  • {{ cssxref("cursor") }} プロパティを拡張したカーソルの位置の定義や新しい none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out の機能。
    • +
  • CSS の {{ cssxref("nav-index") }}, {{ cssxref("nav-up") }}, {{ cssxref("nav-right") }}, {{ cssxref("nav-left") }}, {{ cssxref("nav-down") }} プロパティを使用した、シーケンシャルナビゲーションの順序 (すなわちタブの順序) を指定する機能。
    + リスク: ブラウザーの対応が不十分であるため、 navigation プロパティの標準化はこのモジュールの次のイテレーションに延期されるかもしれません。
    • +
  • CSS の {{ cssxref("ime-mode") }} プロパティを用いた、IME エディタの使用方法を制御する機能。
    + リスク: ブラウザーの対応が不十分であるため、{{ cssxref("ime-mode") }} プロパティの標準化はこのモジュールの次のイテレーションに延期されるかもしれません。
    • +
+
+ +

CSS Basic User Interface Module の次のイテレーションに追加されるもの初期リストが 利用可能 です。

+ +

安定版モジュール

+ +

いくつかの CSS モジュールは、既にかなり安定しており、 CSSWG の勧告レベル3つ (勧告候補、勧告案、勧告) のうち、いずれかに到達しています。接頭辞なしで使用でき、かなり安定していますが、いくつかの機能は勧告候補段階で削除される可能性があります。

+ +

これらのモジュールは、仕様の中心を構成する CSS2.1 仕様を拡張および修正します。これらはまとめて、 CSS 仕様の現在のスナップショットです。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Backgrounds", "", "") }}{{ Spec2("CSS3 Backgrounds") }}
+

追加:

+ +
    +
  • uri() で定義されたものだけでなく、{{cssxref("<image>")}} のあらゆる型に backgorund が対応。
    • +
  • 複数の背景画像に対応。
    • +
  • {{ cssxref("background-repeat") }} の space と round 値、およびこの CSS プロパティの2値構文。
    • +
  • {{ cssxref("background-attachment") }} の local 値。
    • +
  • {{ cssxref("background-origin") }} と {{ cssxref("background-size") }}、{{ cssxref("background-clip") }} プロパティ。
    • +
  • {{ cssxref("border-radius") }} と {{ cssxref("border-top-left-radius") }}、{{ cssxref("border-top-right-radius") }}、{{ cssxref("border-bottom-left-radius") }}、{{ cssxref("border-bottom-right-radius") }} プロパティによるカーブした境界線の隅に対応。
    • +
  • {{ cssxref("border-image") }} と {{ cssxref("border-image-source") }}、{{ cssxref("border-image-slice") }}、{{ cssxref("border-image-width") }}、{{ cssxref("border-image-outset") }}、{{ cssxref("border-image-repeat") }} プロパティによる border での {{cssxref("<image>")}} の使用に対応。
    • +
  • {{ cssxref("box-shadow") }} プロパティを使用した要素の影に対応。
    • +
+
+ +

背景と境界線の仕様の CSS4 イテレーションは既に進行していますが、まだ初めての Working Draft を公開する段階には至っていません。この仕様では、 border をクリッピングする機能 (CSS の {{ cssxref("border-clip") }} と {{ cssxref("border-clip-top") }}, {{ cssxref("border-clip-right") }}, {{ cssxref("border-clip-bottom") }}, {{ cssxref("border-clip-left") }} プロパティ) や、コーナーの border の形の制御 (CSS {{ cssxref("border-corner-shape") }} プロパティの使用) を追加する予定です。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Conditional", "", "") }}{{ Spec2("CSS3 Conditional") }}
ブラウザー、または文書に適用される機能の条件である、スタイルシートの条件処理部分の機能が追加されました。これは主に、 {{ cssxref("@media") }} 内部のネストされた @-規則の許可と新しい @-規則 {{ cssxref("@supports") }} の追加、新しい DOM メソッドの {{domxref("CSS.supports()")}} の追加で構成されています。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Multicol", "", "") }}{{ Spec2("CSS3 Multicol") }}
CSS の {{ cssxref("columns") }}, {{ cssxref("column-count") }}, {{ cssxref("column-fill") }}, {{ cssxref("column-gap") }}, {{ cssxref("column-rule") }}, {{ cssxref("column-rule-color") }}, {{ cssxref("column-rule-style") }}, {{ cssxref("column-rule-width") }}, {{ cssxref("column-span") }}, {{ cssxref("column-width") }}, {{ cssxref("break-after") }}, {{ cssxref("break-before") }}, and {{ cssxref("break-inside") }} を使用した簡単な段組みレイアウトへの対応を追加。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Values", "", "") }}{{ Spec2("CSS3 Values") }}
+

あらゆる CSS プロパティで initial と inherit キーワードを使えるようにしました。

+ +

文法トークンといくつかのテキストの精度で暗黙的に定義されていた CSS 2.1 のデータ型を正式に定義しました。

+ +

追加:

+ +
    +
  • フォント関連の長さの単位の定義: rem と ch。
    • +
  • viewport関連の長さの単位の定義: vw と vh、vmax、vmin。
    • +
  • 実際には絶対的ではないが、reference pixel に関連して定義されている実際の絶対的な長さの単位についての精度。
    • +
  • {{ cssxref("<angle>") }} と {{cssxref("<time>")}}、{{cssxref("<frequency>")}}、{{cssxref("<resolution>")}} の定義。
    • +
  • {{cssxref("<color>")}} と {{cssxref("<image>")}}、{{cssxref("<position>")}} の基本の値の定義。
    • +
  • {{ cssxref("calc", "calc()") }} と{{ cssxref("attr", "attr()")}}、toggle() の関数表記の定義。
    + リスク: ブラウザーの対応が不十分であるため、 calc() と attr()、toggle() 関数表記はこのモジュールの次のイテレーションに延期されるかもしれません。
    • +
+
+ +

<ident> と <custom-ident> のようないくつかの型定義は、 CSS Values and Units Module Level 4 に延期されています。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Flexbox", "", "") }}{{ Spec2("CSS3 Flexbox") }}
フレックスボックスレイアウトに CSS の {{ cssxref("display") }} プロパティとそれを制御するいくつかの新しい CSS プロパティ ({{ cssxref("flex") }}, {{ cssxref("flex-align") }}, {{ cssxref("flex-direction") }}, {{ cssxref("flex-flow") }}, {{ cssxref("flex-item-align") }}, {{ cssxref("flex-line-pack") }}, {{ cssxref("flex-order") }}, {{ cssxref("flex-pack") }}, and {{ cssxref("flex-wrap") }}) が追加されました。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Cascade", "", "") }}{{ Spec2("CSS3 Cascade") }}
+

追加:

+ +
    +
  • プロパティへの {{ cssxref("initial") }}、 {{ cssxref("unset") }} の値
    • +
  • {{ cssxref("all") }} プロパティ。
    • +
  • スコープメカニズム。
    • +
+ +

明確化:

+ +
    +
  • メディア依存の @import 文とスタイルシートのロード要件の相互作用。
    • +
+
+ + + + + + + + + + + +
{{ SpecName("CSS3 Writing Modes", "", "") }}{{ Spec2("CSS3 Writing Modes") }}
横書きと縦書きの書字方向の定義、 {{ cssxref("direction") }} と {{ cssxref("unicode-bidi") }} プロパティが新しい {{ cssxref("text-orientation") }} プロパティに作用する方法の明確化、必要な機能の拡張。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Counter Styles", "", "") }}{{ Spec2("CSS3 Counter Styles") }}
+ +

Testing モジュール

+ + + + + + + + + + + +
{{ SpecName("CSS3 Images", "", "") }}{{ Spec2("CSS3 Images") }}
+

{{cssxref("<image>")}} データ型の定義。

+ +

メディアフラグメントを使用した image の切り分けをサポートするための url() の拡張。

+ +

追加:

+ +
    +
  • {{cssxref("<resolution>")}} データタイプに dppx 単位。
    • +
  • url から 画像を定義する url() のより柔軟な代替である image() 関数。
    + リスク: ブラウザーの対応が不十分であるため、 image() 関数の標準化は、このモジュールの次のイテレーションに延期されるかもしれません。
    • +
  • linear-gradient() と repeating-linear-gradient()、radial-gradient()、repeating-radial-gradient() への対応。
    • +
  • {{ cssxref("object-fit") }} プロパティを使用した、置き換えた要素がその要素にフィットすべきかどうかを定義する機能。
    + リスク: ブラウザーの対応が不十分であるため、 {{ cssxref("object-fit") }} プロパティの標準化は、このモジュールの次のイテレーションに延期されるかもしれません。
    • +
  • CSS の {{ cssxref("image-resolution") }} と {{ cssxref("image-orientation") }} プロパティを使用した外部イメージの解像度とオリエンテーションをオーバーライドする機能。
    + リスク: ブラウザーの対応が不十分であるため、 {{ cssxref("image-resolution") }} と {{ cssxref("image-orientation") }} プロパティの標準化は、このモジュールの次のイテレーションに延期されるかもしれません。
    • +
+
+ +

CSS Image Level 3 を置き換えるであろう CSS Image Values and Replaced Content Level 4 は開発中で、 {{Spec2("CSS4 Images")}} です。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Speech", "", "") }}{{ Spec2("CSS3 Speech") }}
speech メディア型や聴覚フォーマットモデル、スピーチレンダリングユーザーエージェントのための多くのプロパティの定義。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Text Decoration", "", "") }}{{ Spec2("CSS3 Text Decoration") }}
+

拡張:

+ +
    +
  • {{ cssxref("text-decoration-line") }}、 {{ cssxref("text-decoration-color") }}、{{ cssxref("text-decoration-style") }} の各プロパティを一括指定できる CSS の {{ cssxref("text-decoration") }} プロパティ。{{ cssxref("text-decoration-skip") }} と {{ cssxref("text-underline-position") }} プロパティの追加。
    • +
+ +

追加:

+ +
    +
  • CSS の {{ cssxref("text-emphasis") }} と {{ cssxref("text-emphasis-style") }}、{{ cssxref("text-emphasis-color") }}、{{ cssxref("text-emphasis-position") }} プロパティによる東アジアスクリプト強調記号に対応。
    • +
  • {{ cssxref("text-shadow") }} プロパティによる文字列の影に対応。
    • +
+ +

明確化:

+ +
    +
  • decoration の描画順序。
    • +
+ +

リスク: ブラウザーの対応が不十分であるため、 text-decoration-skip と行ポジジョンルール、同じテキスト上に強調記号とルビを配置する機能は、このモジュールの次のイテレーションに延期されるかもしれません。

+
+ + + + + + + + + + + +
{{ SpecName("CSS Shapes", "", "") }}{{ Spec2("CSS Shapes") }}
浮動要素に適用することができる幾何学的シェイプを定義。これらのシェイプは、インラインコンテンツが囲みボックスで折り返す代わりに、折り返す領域を記述します。
+ + + + + + + + + + + +
{{ SpecName("CSS Masks", "", "") }}{{ Spec2("CSS Masks") }}
ビジュアル要素の部分を一部、または完全に隠すための方法が定義されました。これは、他のグラフィカル要素または画像を、輝度またはアルファマスクとして使用する方法を提供します。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Fragmentation", "", "") }}{{ Spec2("CSS3 Fragmentation") }}
ウェブページ上でページ区切り、段区切り、1行を残して改ページをしないなどの扱い方を定義します。 +

追加：

+ +
    +
  • ボックスが崩されたとき（ページ、または 列、改行）、 {{ cssxref("box-decoration-break") }} プロパティを使用した枠線と背景色やイメージなどの装飾の動作の定義をサポート.
    • +
+
+ + + + + + + + + + + +
{{ SpecName("CSS3 Variables", "", "") }}{{ Spec2("CSS3 Variables") }}
CSS で変数を定義するメカニズムを定義します。
+ + + + + + + + + + + +
{{ SpecName("Compositing", "", "") }}{{ Spec2("Compositing") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Syntax", "", "") }}{{ Spec2("CSS3 Syntax") }}
charset の決定方法を明確化。解釈とトークン化アルゴリズムにマイナーな変更が行われました。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Grid", "", "") }}{{ Spec2("CSS3 Grid") }}
グリッドレイアウトに CSS の display プロパティを追加し、にグリッドレイアウトとこれを制御するいくつかの新しいプロパティ、 {{cssxref("grid")}}, {{cssxref("grid-area")}}, {{cssxref("grid-auto-columns")}}, {{cssxref("grid-auto-flow")}}, {{cssxref("grid-auto-position")}}, {{cssxref("grid-auto-rows")}}, {{cssxref("grid-column")}}, {{cssxref("grid-column-start")}}, {{cssxref("grid-column-end")}}, {{cssxref("grid-row")}}, {{cssxref("grid-row-start")}}, {{cssxref("grid-row-end")}}, {{cssxref("grid-template")}}, {{cssxref("grid-template-areas")}}, {{cssxref("grid-template-rows")}}, {{cssxref("grid-template-columns")}} の追加。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Display", "", "") }}{{ Spec2("CSS3 Display") }}
+ + + + + + + + + + + +
{{ SpecName("CSS Will Change", "", "") }}{{ Spec2("CSS Will Change") }}
+ + + + + + + + + + + +
{{ SpecName("CSS4 Media Queries", "", "") }}{{ Spec2("CSS4 Media Queries") }}
+ + + + + + + + + + + +
{{ SpecName("Geometry Interfaces", "", "") }}{{ Spec2("Geometry Interfaces") }}
+ + + + + + + + + + + +
{{ SpecName("CSS4 Cascade", "", "") }}{{ Spec2("CSS4 Cascade") }}
+ + + + + + + + + + + +
{{SpecName("CSS Scroll Snap Points")}}{{Spec2("CSS Scroll Snap Points")}}
+ + + + + + + + + + + +
{{SpecName('CSS Painting API')}}{{Spec2('CSS Painting API')}}
+ + + + + + + + + + + +
{{SpecName('CSS Containment')}}{{Spec2('CSS Containment')}}
+ + + + + + + + + + + +
{{SpecName('CSS4 Writing Modes')}}{{Spec2('CSS4 Writing Modes')}}
+ +

リファインフェーズのモジュール

+ +

リファインフェーズであるとみなされている仕様は、既にかなり安定しています。まだ変更が想定されますが、現在の実装と非互換になるものを作るべきではありません。主に極端な場合の振る舞いを定義しています。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Animations", "", "") }}{{ Spec2("CSS3 Animations") }}
{{ cssxref("animation") }}, {{ cssxref("animation-delay") }} と {{ cssxref("animation-direction") }}, {{ cssxref("animation-duration") }}, {{ cssxref("animation-fill-mode") }}, {{ cssxref("animation-iteration-count") }}, {{ cssxref("animation-name") }}, {{ cssxref("animation-play-state") }}, {{ cssxref("animation-timing-function") }} プロパティ、および {{ cssxref("@keyframes") }} 規則 の追加によって、アニメーション効果の定義ができるようになりました。
+ + + + + + + + + + + +
{{ SpecName("Web Animations", "", "") }}{{ Spec2("Web Animations") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Text", "", "") }}{{ Spec2("CSS3 Text") }}
+

拡張:

+ +
    +
  • {{ cssxref("text-transform") }} プロパティの full-width 値。
    • +
  • テキストが複数の書字方向を持つ文書のために、{{ cssxref("text-align") }} プロパティの start、 end、 start end、match-parent 値に対応
    • +
  • 特定の文字で整列するための {{ cssxref("text-align") }} プロパティの {{cssxref("<string>")}} 値。小数点位置を揃えるのに便利。
    • +
  • 両端揃えの柔軟性を制御するために、 {{ cssxref("word-spacing") }} と {{ cssxref("letter-spacing") }} プロパティにおける制約範囲。
    • +
+ +

追加:

+ +
    +
  • {{ cssxref("text-space-collapse") }} と {{ cssxref("tab-size") }} プロパティを使用したホワイトスペースの表示方法の制御。
    • +
  • {{ cssxref("line-break") }} と {{ cssxref("word-break") }}、{{ cssxref("hyphens") }}、{{ cssxref("text-wrap") }}、{{ cssxref("overflow-wrap") }}、{{ cssxref("text-align-last") }} プロパティを使用した改行と単語の制御。
    • +
  • より多くのスクリプトの種類をサポートするための、{{ cssxref("text-justify") }} プロパティを使用した揃えの発生方法の制御。
    • +
  • {{ cssxref("text-indent") }} と {{ cssxref("hanging-punctuation") }} プロパティを使用した縁の効果の制御。
    • +
+
+ +

初期の CSS Text Level 3 draft のいくつかの機能は、このモジュールの次のイテレーションに延期されました。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Transforms", "", "") }}{{ Spec2("CSS3 Transforms") }}
+

追加:

+ +
    +
  • {{ cssxref("transform") }} と {{ cssxref("transform-origin") }} プロパティを使用していずれかの要素に適用される 2 次元変形に対応。対応する変形: matrix() と translate()、translateX()、translateY()、scale()、scaleX()、scaleY()、rotate()、skewX()、skewY()。
    • +
  • the support of tri-dimensional transforms to be applied to any element by adding the CSS {{ cssxref("transform-style") }} と {{ cssxref("perspective") }}、{{ cssxref("perspective-origin") }}、{{ cssxref("backface-visibility") }} プロパティの追加、および {{ cssxref("transform") }} プロパティの次の変更による拡張： matrix 3d() と translate3d()、translateZ()、scale3d()、scaleZ()、rotate3d()、rotateX()、rotateY()、rotateZ()、perspective() によっていずれかの要素に適用される 2 次元変形のサポート。
    • +
+ +

メモ: この仕様書は CSS 2D-Transforms, CSS 3D-Transforms, SVG transforms を合わせたものです。

+
+ + + + + + + + + + + +
{{ SpecName("CSS3 Transitions", "", "") }}{{ Spec2("CSS3 Transitions") }}
CSS に {{ cssxref("transition") }}, {{ cssxref("transition-delay") }}, {{ cssxref("transition-duration") }}, {{ cssxref("transition-property") }}, {{ cssxref("transition-timing-function") }} プロパティを追加し、2つのプロパティ値の間の遷移効果を定義できるようになりました。
+ + + + + + + + + + + +
{{ SpecName("CSS3 Box Alignment", "", "") }}{{ Spec2("CSS3 Box Alignment") }}
+ + + + + + + + + + + +
{{ SpecName("CSS4 Selectors", "", "") }}{{ Spec2("CSS4 Selectors") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Lists", "", "") }}{{ Spec2("CSS3 Lists") }}
リスト作成者がスタイリングでき、ウェブ開発者が新しいリストカウンタースキーマを定義できるように、リストカウンターメカニズムを拡張します。
+ + + + + + + + + + + +
{{ SpecName("Motion Path Level 1", "", "") }}{{ Spec2("Motion Path Level 1") }}
+ + + + + + + + + + + +
{{ SpecName("CSS4 Fonts", "", "") }}{{ Spec2("CSS4 Fonts") }}
+ + + + + + + + + + + +
CSS Easing Functions Level 1Working Draft
+ + + + + + + + + + + +
{{ SpecName("CSS Logical Properties", "", "") }}{{ Spec2("CSS Logical Properties") }}
+ +

修正フェーズのモジュール

+ +

修正フェーズのモジュールは、リファインフェーズのものよりも安定度が欠けます。一般的に、構文は検査下にあり、非互換的な方法で多くの改善が行わるかもしれません。代替の構文はテストされて、一般的に実装されています。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Paged Media", "", "") }}{{ Spec2("CSS3 Paged Media") }}
+ + + + + + + + + + + +
{{ SpecName("CSSOM View", "", "") }}{{ Spec2("CSSOM View") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Sizing", "", "") }}{{ Spec2("CSS3 Sizing") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Ruby", "", "") }}{{ Spec2("CSS3 Ruby") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Overflow", "", "") }}{{ Spec2("CSS3 Overflow") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Box", "", "") }}{{ Spec2("CSS3 Box") }}
+ + + + + + + + + + + +
{{ SpecName("CSS Scrollbars", "", "") }}{{ Spec2("CSS Scrollbars") }}
+ +

探求フェーズのモジュール

+ + + + + + + + + + + +
CSS Backgrounds and Borders Level 4Working Draft
+ + + + + + + + + + + +
{{ SpecName("CSS3 Device", "", "") }}{{ Spec2("CSS3 Device") }}
初期のコンテナーブロックのベースとして使用される viewport のサイズやズーム倍率、オリエンテーションを指定できる、新しい @-規則が {{ cssxref("@viewport") }} に追加されます。
+ + + + + + + + + + + +
{{ SpecName("CSS Exclusions", "", "") }}{{ Spec2("CSS Exclusions") }}
いずれかのポジションスキームで除外領域を定義するフロートを拡張します。コンテンツがフローすべき形態の概念を追加します。
+ + + + + + + + + + + +
{{ SpecName("Filters 1.0", "", "") }}{{ Spec2("Filters 1.0") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 GCPM", "", "") }}{{ Spec2("CSS3 GCPM") }}
ヘッダーやフッターだけでなく、インデックスやテーブルコンテンツのようなテーブルを制御できる様になることで、ドキュメントの印刷バージョンを調整する機能が追加されます。
+ + + + + + + + + + + +
CSS Page FloatsWorking Draft
+ + + + + + + + + + + +
{{ SpecName("CSS3 Template", "", "") }}{{ Spec2("CSS3 Template") }}
+ + + + + + + + + + + +
{{ SpecName("CSS Line Grid", "", "") }}{{ Spec2("CSS Line Grid") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Positioning", "", "") }}{{ Spec2("CSS3 Positioning") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Regions", "", "") }}{{ Spec2("CSS3 Regions") }}
コンテンツが region と呼ばれる非連続で複数の領域を跨いでフローできるように新しいメカニズムを定義します。
+ + + + + + + + + + + +
{{ SpecName("CSSOM", "", "") }}{{ Spec2("CSSOM") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Font Loading", "", "") }}{{ Spec2("CSS3 Font Loading") }}
+ + + + + + + + + + + +
{{ SpecName("CSS Scope", "", "") }}{{ Spec2("CSS Scope") }}
+ + + + + + + + + + + +
{{ SpecName("CSS3 Inline", "", "") }}{{ Spec2("CSS3 Inline") }}
+ + + + + + + + + + + +
{{ SpecName("CSS4 Images", "", "") }}{{ Spec2("CSS4 Images") }}
+

拡張:

+ +
    +
  • 書字方向に依存する画像を利用できるように、画像の書字方向 (rtl または ltr) を記述する image() 関数表記。
    • +
  • {{ cssxref("image-orientation") }} プロパティに、画像に保存されている EXIF データに従うための from-image キーワードの追加。
    • +
+ +

追加:

+ +
    +
  • 画像の解像度ネゴシエーションができ、同等の画像を異なる解像度で定義できるようにする image-set() 関数表記。
    • +
  • 画像のようにページの一部を使用できる element() 関数表記。
    • +
  • 2つの画像間を遷移して、それらの間に挿入を定義するとき、中間画像を参照できる cross-fade() 関数表記。
    • +
  • グラデーションの新しいタイプを表現する conic-gradient() と repeating-conic-gradient() 関数表記。
    • +
  • オブジェクトのサイズ変更をどのように行うか定義する {{cssxref("image-rendering")}} プロパティ。
    • +
+
+ +

リライティングフェーズのモジュール

+ +

リライティングフェーズのモジュールは古くなっており、書き換えが求められています。構文は精査中で、互換性のない方法を含む多くの変更が加えられています。代替の構文はテストされ、多くの場合実装されています。

+ + + + + + + + + + + +
{{ SpecName("CSS3 Content", "", "") }}{{ Spec2("CSS3 Content") }}
+ +

放棄されたモジュール

+ + + + + + + + + + + +
{{ SpecName("CSS Non-element Selectors", "", "") }}{{ Spec2("CSS Non-element Selectors") }}
-- cgit v1.2.3-54-g00ecf