@@ -237,6 +237,26 @@ Background: The W3C Process and CSS</h3>
237
237
such as left-to-right (e.g. Latin or Indic),
238
238
right-to-left (e.g. Hebrew or Arabic),
239
239
bidirectional (e.g. mixed Latin and Arabic) and vertical (e.g. Asian scripts).
240
+
241
+ <dt> <a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Module Level 1</a>
242
+ [[!CSS-FLEXBOX-1]]
243
+ <dd>
244
+ Introduces a flexible linear layout model for CSS.
245
+
246
+ <dt> <a href="https://www.w3.org/TR/css-variables-1/">CSS Custom Properties for Cascading Variables Module Level 1</a>
247
+ [[!CSS-VARIABLES-1]]
248
+ <dd>
249
+ Introduces cascading variables as a new primitive value type that is accepted by all CSS properties,
250
+ and custom properties for defining them.
251
+
252
+ <dt> <a href="https://www.w3.org/TR/css-grid-1/">CSS Grid Layout Module Level 1</a>
253
+ [[!CSS-GRID-1]]
254
+ <dd>
255
+ Defines a two-dimensional grid-based layout system,
256
+ optimized for user interface design.
257
+ In the grid layout model, the children of a grid container
258
+ can be positioned into arbitrary slots in a predefined flexible or fixed-size layout grid.
259
+
240
260
</dl>
241
261
242
262
<div class="note">
@@ -248,32 +268,34 @@ Background: The W3C Process and CSS</h3>
248
268
<dt> <a href="https://www.w3.org/TR/css3-transitions/">CSS Transitions Level 1</a>
249
269
[[CSS3-TRANSITIONS]]
250
270
and <a href="https://www.w3.org/TR/css3-animations/">CSS Animations Level 1</a>
251
- [[CSS3-ANIMATIONS]]
271
+ [[CSS3-ANIMATIONS]] ,
272
+ together with [[CSS-TIMING-1]] .
252
273
<dd>
253
274
Define mechanisms for transitioning the computed values of CSS properties over time.
254
275
255
- <dt> <a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Module Level 1</a>
256
- [[CSS-FLEXBOX-1]]
257
- <dd>
258
- Introduces a flexible linear layout model for CSS.
259
-
260
276
<dt> <a href="https://www.w3.org/TR/css3-transforms/">CSS Transforms Level 1</a>
261
277
[[CSS3-TRANSFORMS]]
262
278
<dd>
263
279
Introduces graphical transformations to CSS.
264
280
265
- <dt> <a href="https://www.w3.org/TR/css-variables-1/">CSS Custom Properties for Cascading Variables Module Level 1</a>
266
- [[CSS-VARIABLES-1]]
267
- <dd>
268
- Introduces cascading variables as a new primitive value type that is accepted by all CSS properties,
269
- and custom properties for defining them.
270
-
271
281
<dt> <a href="https://www.w3.org/TR/css-text-3/">CSS Text Module Level 3</a>
272
282
[[CSS-TEXT-3]]
273
283
<dd>
274
284
Defines properties for text manipulation and specifies their processing model.
275
285
It covers line breaking, justification and alignment, white space handling, and text transformation.
276
- </dl>
286
+
287
+ <dt> <a href="https://www.w3.org/TR/css-will-change-1/">CSS Will Change Level 1</a>
288
+ [[CSS-WILL-CHANGE-1]]
289
+ <dd>
290
+ Introduces a performance hint property called 'will-change' .
291
+
292
+ <dt> <a href="https://www.w3.org/TR/filter-effects-1/">Filter Effects Module Level 1</a>
293
+ [[FILTER-EFFECTS-1]]
294
+ <dd>
295
+ Filter effects are a way of processing an element’s rendering before it is displayed in the document.
296
+
297
+ </dl>
298
+
277
299
</div>
278
300
279
301
<div class="note">
@@ -307,10 +329,6 @@ Background: The W3C Process and CSS</h3>
307
329
and adding the ability to specify text emphasis marks
308
330
and text shadows.
309
331
310
- <dt> <a href="https://www.w3.org/TR/css-will-change-1/">CSS Will Change Level 1</a>
311
- [[CSS-WILL-CHANGE-1]]
312
- <dd>
313
- Introduces a performance hint property called 'will-change' .
314
332
</dl>
315
333
316
334
<dt> <a href="https://www.w3.org/TR/css3-speech/">CSS Speech Module Level 1</a>
@@ -326,24 +344,35 @@ Background: The W3C Process and CSS</h3>
326
344
within their containers in the various CSS box layout models:
327
345
block layout, table layout, flex layout, and grid layout.
328
346
329
- <dt> <a href="https://www.w3.org/TR/css-grid-1 /">CSS Grid Layout Module Level 1 </a>
330
- [[CSS-GRID-1 ]]
347
+ <dt> <a href="https://www.w3.org/TR/css-break-3 /">CSS Fragmentation Module Level 3 </a>
348
+ [[CSS-BREAK-3 ]]
331
349
<dd>
332
- Defines a two-dimensional grid-based layout system,
333
- optimized for user interface design.
334
- In the grid layout model, the children of a grid container
335
- can be positioned into arbitrary slots in a predefined flexible or fixed-size layout grid.
350
+ Describes the fragmentation model that partitions a flow into pages, columns, or regions.
336
351
337
- <dt> <a href="https://www.w3.org/TR/filter-effects -1/">Filter Effects Module Level 1</a>
338
- [[FILTER-EFFECTS -1]]
352
+ <dt> <a href="https://www.w3.org/TR/css-contain -1/">CSS Containment Module Level 1</a>
353
+ [[CSS-CONTAIN -1]]
339
354
<dd>
340
- Filter effects are a way of processing an element’s rendering before it is displayed in the document.
355
+ Describes the 'contain' property,
356
+ which indicates that the element’s subtree is independent of the rest of the page.
357
+ This enables heavy optimizations by user agents when used well.
341
358
342
- <dt> <a href="https://www.w3.org/TR/css-break-3 /">CSS Fragmentation Module Level 3 </a>
343
- [[CSS-BREAK-3 ]]
359
+ <dt> <a href="https://www.w3.org/TR/css-scroll-snap-1 /">CSS Scroll Snap Module Level 1 </a>
360
+ [[CSS-SCROLL-SNAP-1 ]]
344
361
<dd>
345
- Describes the fragmentation model that partitions a flow into pages, columns, or regions .
362
+ Contains features to control panning and scrolling behavior with “snap positions” .
346
363
364
+ <dt> <a href="https://www.w3.org/TR/mediaqueries-4/">Media Queries Level 4</a>
365
+ [[MEDIAQUERIES-4]]
366
+ <dd>
367
+ Extends and supersedes [[CSS3-MEDIAQUERIES]] , expanding the syntax, deprecating most media types,
368
+ and introducing new media features.
369
+
370
+ <dt> <a href="https://www.w3.org/TR/css-cascade-4/">CSS Cascading and Inheritance Level 4</a>
371
+ [[CSS-CASCADE-4]]
372
+ <dd>
373
+ Extends and supersedes [[CSS-CASCADE-3]] ,
374
+ describing how to collate style rules and assign values to all properties on all elements.
375
+ By way of cascading and inheritance, values are propagated for all properties on all elements.
347
376
</dl>
348
377
349
378
We hope to incorporate them into a future snapshot.
@@ -659,10 +688,12 @@ Preserving the Openness of CSS</h5>
659
688
css-syntax-3,
660
689
css-style-attr-1,
661
690
mediaqueries-3,
691
+ mediaqueries-4,
662
692
css-conditional-3,
663
693
css-namespaces-3,
664
694
selectors-3,
665
695
css-cascade-3,
696
+ css-cascade-3,
666
697
css-values-3,
667
698
css-color-3,
668
699
css-backgrounds-3,
@@ -674,6 +705,7 @@ Preserving the Openness of CSS</h5>
674
705
css-writing-modes-3,
675
706
css-transitions-1,
676
707
css-animations-1,
708
+ css-timing-1,
677
709
css-flexbox-1,
678
710
css-transforms-1,
679
711
css-variables-1,
@@ -687,7 +719,9 @@ Preserving the Openness of CSS</h5>
687
719
css-align-3,
688
720
css-grid-1,
689
721
filter-effects-1,
690
- css-break-3"></index>
722
+ css-break-3,
723
+ css-contain-1,
724
+ css-scroll-snap-1"></index>
691
725
692
726
<h3 id="selectors">Selector Index</h3>
693
727
@@ -696,10 +730,12 @@ Preserving the Openness of CSS</h5>
696
730
css-syntax-3,
697
731
css-style-attr-1,
698
732
mediaqueries-3,
733
+ mediaqueries-4,
699
734
css-conditional-3,
700
735
css-namespaces-3,
701
736
selectors-3,
702
737
css-cascade-3,
738
+ css-cascade-3,
703
739
css-values-3,
704
740
css-color-3,
705
741
css-backgrounds-3,
@@ -711,6 +747,7 @@ Preserving the Openness of CSS</h5>
711
747
css-writing-modes-3,
712
748
css-transitions-1,
713
749
css-animations-1,
750
+ css-timing-1,
714
751
css-flexbox-1,
715
752
css-transforms-1,
716
753
css-variables-1,
@@ -724,7 +761,9 @@ Preserving the Openness of CSS</h5>
724
761
css-align-3,
725
762
css-grid-1,
726
763
filter-effects-1,
727
- css-break-3"></index>
764
+ css-break-3,
765
+ css-contain-1,
766
+ css-scroll-snap-1"></index>
728
767
729
768
<h3 id="at-rules">
730
769
At-Rule Index</h3>
@@ -734,10 +773,12 @@ At-Rule Index</h3>
734
773
css-syntax-3,
735
774
css-style-attr-1,
736
775
mediaqueries-3,
776
+ mediaqueries-4,
737
777
css-conditional-3,
738
778
css-namespaces-3,
739
779
selectors-3,
740
780
css-cascade-3,
781
+ css-cascade-3,
741
782
css-values-3,
742
783
css-color-3,
743
784
css-backgrounds-3,
@@ -749,6 +790,7 @@ At-Rule Index</h3>
749
790
css-writing-modes-3,
750
791
css-transitions-1,
751
792
css-animations-1,
793
+ css-timing-1,
752
794
css-flexbox-1,
753
795
css-transforms-1,
754
796
css-variables-1,
@@ -762,7 +804,9 @@ At-Rule Index</h3>
762
804
css-align-3,
763
805
css-grid-1,
764
806
filter-effects-1,
765
- css-break-3"></index>
807
+ css-break-3,
808
+ css-contain-1,
809
+ css-scroll-snap-1"></index>
766
810
767
811
<h3 id="properties">Property Index</h3>
768
812
@@ -771,10 +815,12 @@ At-Rule Index</h3>
771
815
css-syntax-3,
772
816
css-style-attr-1,
773
817
mediaqueries-3,
818
+ mediaqueries-4,
774
819
css-conditional-3,
775
820
css-namespaces-3,
776
821
selectors-3,
777
822
css-cascade-3,
823
+ css-cascade-3,
778
824
css-values-3,
779
825
css-color-3,
780
826
css-backgrounds-3,
@@ -786,6 +832,7 @@ At-Rule Index</h3>
786
832
css-writing-modes-3,
787
833
css-transitions-1,
788
834
css-animations-1,
835
+ css-timing-1,
789
836
css-flexbox-1,
790
837
css-transforms-1,
791
838
css-variables-1,
@@ -799,7 +846,9 @@ At-Rule Index</h3>
799
846
css-align-3,
800
847
css-grid-1,
801
848
filter-effects-1,
802
- css-break-3"></index>
849
+ css-break-3,
850
+ css-contain-1,
851
+ css-scroll-snap-1"></index>
803
852
804
853
<h3 id="values">Values Index</h3>
805
854
@@ -808,10 +857,12 @@ At-Rule Index</h3>
808
857
css-syntax-3,
809
858
css-style-attr-1,
810
859
mediaqueries-3,
860
+ mediaqueries-4,
811
861
css-conditional-3,
812
862
css-namespaces-3,
813
863
selectors-3,
814
864
css-cascade-3,
865
+ css-cascade-3,
815
866
css-values-3,
816
867
css-color-3,
817
868
css-backgrounds-3,
@@ -823,6 +874,7 @@ At-Rule Index</h3>
823
874
css-writing-modes-3,
824
875
css-transitions-1,
825
876
css-animations-1,
877
+ css-timing-1,
826
878
css-flexbox-1,
827
879
css-transforms-1,
828
880
css-variables-1,
@@ -836,7 +888,9 @@ At-Rule Index</h3>
836
888
css-align-3,
837
889
css-grid-1,
838
890
filter-effects-1,
839
- css-break-3"></index>
891
+ css-break-3,
892
+ css-contain-1,
893
+ css-scroll-snap-1"></index>
840
894
841
895
Acknowledgements {#acks}
842
896
========================
0 commit comments