@webref/css 6.25.14 → 6.25.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/animation-triggers.json +3 -3
  2. package/css-align.json +1 -1
  3. package/css-anchor-position.json +48 -0
  4. package/css-color-hdr.json +1 -1
  5. package/css-content.json +8 -2
  6. package/css-fonts.json +1 -1
  7. package/css-gaps.json +3 -3
  8. package/css-link-params.json +31 -2
  9. package/css-logical.json +0 -102
  10. package/css-multicol.json +0 -32
  11. package/css-scroll-snap.json +8 -1
  12. package/css-sizing-4.json +305 -238
  13. package/css-sizing.json +207 -71
  14. package/css-values-5.json +5 -3
  15. package/package.json +1 -1
  16. package/window-management.json +1 -1
package/css-sizing-4.json CHANGED
@@ -5,187 +5,62 @@
5
5
  },
6
6
  "properties": [
7
7
  {
8
- "name": "width",
9
- "newValues": "stretch | fit-content | contain",
10
- "values": [
11
- {
12
- "name": "stretch",
13
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
14
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
15
- "type": "value",
16
- "value": "stretch"
17
- },
18
- {
19
- "name": "fit-content",
20
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
21
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
22
- "type": "value",
23
- "value": "fit-content"
24
- },
25
- {
26
- "name": "contain",
27
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
28
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
29
- "type": "value",
30
- "value": "contain"
31
- }
32
- ],
8
+ "name": "size",
9
+ "href": "https://drafts.csswg.org/css-sizing-4/#propdef-size",
10
+ "value": "<'width'> <'height'>?",
11
+ "initial": "auto",
12
+ "appliesTo": "all elements",
13
+ "inherited": "see individual properties",
14
+ "percentages": "see individual properties",
15
+ "computedValue": "see individual properties",
16
+ "animationType": "see individual properties",
17
+ "canonicalOrder": "per grammar",
33
18
  "styleDeclaration": [
34
- "width"
35
- ]
36
- },
37
- {
38
- "name": "height",
39
- "newValues": "stretch | fit-content | contain",
40
- "values": [
41
- {
42
- "name": "stretch",
43
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
44
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
45
- "type": "value",
46
- "value": "stretch"
47
- },
48
- {
49
- "name": "fit-content",
50
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
51
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
52
- "type": "value",
53
- "value": "fit-content"
54
- },
55
- {
56
- "name": "contain",
57
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
58
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
59
- "type": "value",
60
- "value": "contain"
61
- }
19
+ "size"
62
20
  ],
63
- "styleDeclaration": [
21
+ "longhands": [
22
+ "width",
64
23
  "height"
65
24
  ]
66
25
  },
67
26
  {
68
- "name": "min-width",
69
- "newValues": "stretch | fit-content | contain",
70
- "values": [
71
- {
72
- "name": "stretch",
73
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
74
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
75
- "type": "value",
76
- "value": "stretch"
77
- },
78
- {
79
- "name": "fit-content",
80
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
81
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
82
- "type": "value",
83
- "value": "fit-content"
84
- },
85
- {
86
- "name": "contain",
87
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
88
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
89
- "type": "value",
90
- "value": "contain"
91
- }
92
- ],
27
+ "name": "min-size",
28
+ "href": "https://drafts.csswg.org/css-sizing-4/#propdef-min-size",
29
+ "value": "<'min-width'> <'min-height'>?",
30
+ "initial": "auto",
31
+ "appliesTo": "all elements",
32
+ "inherited": "see individual properties",
33
+ "percentages": "see individual properties",
34
+ "computedValue": "see individual properties",
35
+ "animationType": "see individual properties",
36
+ "canonicalOrder": "per grammar",
93
37
  "styleDeclaration": [
38
+ "min-size",
39
+ "minSize"
40
+ ],
41
+ "longhands": [
94
42
  "min-width",
95
- "minWidth"
43
+ "min-height"
96
44
  ]
97
45
  },
98
46
  {
99
- "name": "min-height",
100
- "newValues": "stretch | fit-content | contain",
101
- "values": [
102
- {
103
- "name": "stretch",
104
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
105
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
106
- "type": "value",
107
- "value": "stretch"
108
- },
109
- {
110
- "name": "fit-content",
111
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
112
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
113
- "type": "value",
114
- "value": "fit-content"
115
- },
116
- {
117
- "name": "contain",
118
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
119
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
120
- "type": "value",
121
- "value": "contain"
122
- }
123
- ],
47
+ "name": "max-size",
48
+ "href": "https://drafts.csswg.org/css-sizing-4/#propdef-max-size",
49
+ "value": "<'max-width'> <'max-height'>?",
50
+ "initial": "none",
51
+ "appliesTo": "all elements",
52
+ "inherited": "see individual properties",
53
+ "percentages": "see individual properties",
54
+ "computedValue": "see individual properties",
55
+ "animationType": "see individual properties",
56
+ "canonicalOrder": "per grammar",
124
57
  "styleDeclaration": [
125
- "min-height",
126
- "minHeight"
127
- ]
128
- },
129
- {
130
- "name": "max-width",
131
- "newValues": "stretch | fit-content | contain",
132
- "values": [
133
- {
134
- "name": "stretch",
135
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
136
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
137
- "type": "value",
138
- "value": "stretch"
139
- },
140
- {
141
- "name": "fit-content",
142
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
143
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
144
- "type": "value",
145
- "value": "fit-content"
146
- },
147
- {
148
- "name": "contain",
149
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
150
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
151
- "type": "value",
152
- "value": "contain"
153
- }
58
+ "max-size",
59
+ "maxSize"
154
60
  ],
155
- "styleDeclaration": [
61
+ "longhands": [
156
62
  "max-width",
157
- "maxWidth"
158
- ]
159
- },
160
- {
161
- "name": "max-height",
162
- "newValues": "stretch | fit-content | contain",
163
- "values": [
164
- {
165
- "name": "stretch",
166
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
167
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
168
- "type": "value",
169
- "value": "stretch"
170
- },
171
- {
172
- "name": "fit-content",
173
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
174
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
175
- "type": "value",
176
- "value": "fit-content"
177
- },
178
- {
179
- "name": "contain",
180
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
181
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
182
- "type": "value",
183
- "value": "contain"
184
- }
185
- ],
186
- "styleDeclaration": [
187
- "max-height",
188
- "maxHeight"
63
+ "max-height"
189
64
  ]
190
65
  },
191
66
  {
@@ -521,160 +396,268 @@
521
396
  "min-intrinsic-sizing",
522
397
  "minIntrinsicSizing"
523
398
  ]
399
+ },
400
+ {
401
+ "name": "column-width",
402
+ "href": "https://drafts.csswg.org/css-sizing-4/#column-sizing",
403
+ "value": "auto | <box-size>",
404
+ "computedValue": "as specified, with <length-percentage> values computed",
405
+ "animationType": "by computed value type",
406
+ "values": [
407
+ {
408
+ "name": "stretch",
409
+ "prose": "Specifies the optimal column width as the stretch-fit inline size of the multi-column container.",
410
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-stretch",
411
+ "type": "value",
412
+ "value": "stretch"
413
+ },
414
+ {
415
+ "name": "min-content",
416
+ "prose": "Specifies the optimal column width as the min-content inline size of the multi-column container’s contents.",
417
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-min-content",
418
+ "type": "value",
419
+ "value": "min-content"
420
+ },
421
+ {
422
+ "name": "max-content",
423
+ "prose": "Specifies the optimal column width as the max-content inline size of the multi-column container’s contents.",
424
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-max-content",
425
+ "type": "value",
426
+ "value": "max-content"
427
+ },
428
+ {
429
+ "name": "fit-content",
430
+ "prose": "Specifies the optimal column width as min(max-content inline size, max(min-content inline size, stretch-fit inline size)).",
431
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-fit-content",
432
+ "type": "value",
433
+ "value": "fit-content"
434
+ },
435
+ {
436
+ "name": "fit-content()",
437
+ "value": "fit-content()",
438
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-fit-content-length-percentage",
439
+ "type": "value"
440
+ }
441
+ ],
442
+ "styleDeclaration": [
443
+ "column-width",
444
+ "columnWidth"
445
+ ]
524
446
  }
525
447
  ],
526
448
  "atrules": [],
527
449
  "selectors": [],
528
- "values": [],
450
+ "values": [
451
+ {
452
+ "name": "<box-size>",
453
+ "href": "https://drafts.csswg.org/css-sizing-4/#typedef-box-size",
454
+ "type": "type",
455
+ "value": "<length-percentage [0,∞]> | stretch | contain | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>"
456
+ }
457
+ ],
529
458
  "warnings": [
530
459
  {
531
460
  "msg": "Dangling value",
532
- "name": "stretch",
533
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
534
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
535
- "type": "value",
536
- "value": "stretch",
461
+ "name": "fit-content()",
462
+ "value": "fit-content(<length-percentage [0,∞]>)",
463
+ "pureSyntax": false,
464
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
465
+ "type": "function",
466
+ "for": "width"
467
+ },
468
+ {
469
+ "msg": "Dangling value",
470
+ "name": "fit-content()",
471
+ "value": "fit-content(<length-percentage [0,∞]>)",
472
+ "pureSyntax": false,
473
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
474
+ "type": "function",
475
+ "for": "height"
476
+ },
477
+ {
478
+ "msg": "Dangling value",
479
+ "name": "fit-content()",
480
+ "value": "fit-content(<length-percentage [0,∞]>)",
481
+ "pureSyntax": false,
482
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
483
+ "type": "function",
537
484
  "for": "inline-size"
538
485
  },
539
486
  {
540
487
  "msg": "Dangling value",
541
- "name": "stretch",
542
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
543
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
544
- "type": "value",
545
- "value": "stretch",
488
+ "name": "fit-content()",
489
+ "value": "fit-content(<length-percentage [0,∞]>)",
490
+ "pureSyntax": false,
491
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
492
+ "type": "function",
546
493
  "for": "block-size"
547
494
  },
548
495
  {
549
496
  "msg": "Dangling value",
550
- "name": "stretch",
551
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
552
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
553
- "type": "value",
554
- "value": "stretch",
497
+ "name": "fit-content()",
498
+ "value": "fit-content(<length-percentage [0,∞]>)",
499
+ "pureSyntax": false,
500
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
501
+ "type": "function",
502
+ "for": "min-width"
503
+ },
504
+ {
505
+ "msg": "Dangling value",
506
+ "name": "fit-content()",
507
+ "value": "fit-content(<length-percentage [0,∞]>)",
508
+ "pureSyntax": false,
509
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
510
+ "type": "function",
511
+ "for": "min-height"
512
+ },
513
+ {
514
+ "msg": "Dangling value",
515
+ "name": "fit-content()",
516
+ "value": "fit-content(<length-percentage [0,∞]>)",
517
+ "pureSyntax": false,
518
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
519
+ "type": "function",
555
520
  "for": "min-inline-size"
556
521
  },
557
522
  {
558
523
  "msg": "Dangling value",
559
- "name": "stretch",
560
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
561
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
562
- "type": "value",
563
- "value": "stretch",
524
+ "name": "fit-content()",
525
+ "value": "fit-content(<length-percentage [0,∞]>)",
526
+ "pureSyntax": false,
527
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
528
+ "type": "function",
564
529
  "for": "min-block-size"
565
530
  },
566
531
  {
567
532
  "msg": "Dangling value",
568
- "name": "stretch",
569
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
570
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
571
- "type": "value",
572
- "value": "stretch",
533
+ "name": "fit-content()",
534
+ "value": "fit-content(<length-percentage [0,∞]>)",
535
+ "pureSyntax": false,
536
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
537
+ "type": "function",
538
+ "for": "max-width"
539
+ },
540
+ {
541
+ "msg": "Dangling value",
542
+ "name": "fit-content()",
543
+ "value": "fit-content(<length-percentage [0,∞]>)",
544
+ "pureSyntax": false,
545
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
546
+ "type": "function",
547
+ "for": "max-height"
548
+ },
549
+ {
550
+ "msg": "Dangling value",
551
+ "name": "fit-content()",
552
+ "value": "fit-content(<length-percentage [0,∞]>)",
553
+ "pureSyntax": false,
554
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
555
+ "type": "function",
573
556
  "for": "max-inline-size"
574
557
  },
575
558
  {
576
559
  "msg": "Dangling value",
577
- "name": "stretch",
578
- "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
579
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
580
- "type": "value",
581
- "value": "stretch",
560
+ "name": "fit-content()",
561
+ "value": "fit-content(<length-percentage [0,∞]>)",
562
+ "pureSyntax": false,
563
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
564
+ "type": "function",
582
565
  "for": "max-block-size"
583
566
  },
584
567
  {
585
568
  "msg": "Dangling value",
586
- "name": "fit-content",
587
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
588
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
569
+ "name": "contain",
570
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
571
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
589
572
  "type": "value",
590
- "value": "fit-content",
591
- "for": "inline-size"
573
+ "value": "contain",
574
+ "for": "width"
592
575
  },
593
576
  {
594
577
  "msg": "Dangling value",
595
- "name": "fit-content",
596
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
597
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
578
+ "name": "contain",
579
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
580
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
598
581
  "type": "value",
599
- "value": "fit-content",
600
- "for": "block-size"
582
+ "value": "contain",
583
+ "for": "height"
601
584
  },
602
585
  {
603
586
  "msg": "Dangling value",
604
- "name": "fit-content",
605
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
606
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
587
+ "name": "contain",
588
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
589
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
607
590
  "type": "value",
608
- "value": "fit-content",
609
- "for": "min-inline-size"
591
+ "value": "contain",
592
+ "for": "inline-size"
610
593
  },
611
594
  {
612
595
  "msg": "Dangling value",
613
- "name": "fit-content",
614
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
615
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
596
+ "name": "contain",
597
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
598
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
616
599
  "type": "value",
617
- "value": "fit-content",
618
- "for": "min-block-size"
600
+ "value": "contain",
601
+ "for": "block-size"
619
602
  },
620
603
  {
621
604
  "msg": "Dangling value",
622
- "name": "fit-content",
623
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
624
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
605
+ "name": "contain",
606
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
607
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
625
608
  "type": "value",
626
- "value": "fit-content",
627
- "for": "max-inline-size"
609
+ "value": "contain",
610
+ "for": "min-width"
628
611
  },
629
612
  {
630
613
  "msg": "Dangling value",
631
- "name": "fit-content",
632
- "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
633
- "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
614
+ "name": "contain",
615
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
616
+ "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
634
617
  "type": "value",
635
- "value": "fit-content",
636
- "for": "max-block-size"
618
+ "value": "contain",
619
+ "for": "min-height"
637
620
  },
638
621
  {
639
622
  "msg": "Dangling value",
640
623
  "name": "contain",
641
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
624
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
642
625
  "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
643
626
  "type": "value",
644
627
  "value": "contain",
645
- "for": "inline-size"
628
+ "for": "min-inline-size"
646
629
  },
647
630
  {
648
631
  "msg": "Dangling value",
649
632
  "name": "contain",
650
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
633
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
651
634
  "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
652
635
  "type": "value",
653
636
  "value": "contain",
654
- "for": "block-size"
637
+ "for": "min-block-size"
655
638
  },
656
639
  {
657
640
  "msg": "Dangling value",
658
641
  "name": "contain",
659
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
642
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
660
643
  "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
661
644
  "type": "value",
662
645
  "value": "contain",
663
- "for": "min-inline-size"
646
+ "for": "max-width"
664
647
  },
665
648
  {
666
649
  "msg": "Dangling value",
667
650
  "name": "contain",
668
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
651
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
669
652
  "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
670
653
  "type": "value",
671
654
  "value": "contain",
672
- "for": "min-block-size"
655
+ "for": "max-height"
673
656
  },
674
657
  {
675
658
  "msg": "Dangling value",
676
659
  "name": "contain",
677
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
660
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
678
661
  "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
679
662
  "type": "value",
680
663
  "value": "contain",
@@ -683,11 +666,95 @@
683
666
  {
684
667
  "msg": "Dangling value",
685
668
  "name": "contain",
686
- "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
669
+ "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.1 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
687
670
  "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
688
671
  "type": "value",
689
672
  "value": "contain",
690
673
  "for": "max-block-size"
674
+ },
675
+ {
676
+ "msg": "Dangling value",
677
+ "name": "calc-size()",
678
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
679
+ "type": "function",
680
+ "for": "width"
681
+ },
682
+ {
683
+ "msg": "Dangling value",
684
+ "name": "calc-size()",
685
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
686
+ "type": "function",
687
+ "for": "height"
688
+ },
689
+ {
690
+ "msg": "Dangling value",
691
+ "name": "calc-size()",
692
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
693
+ "type": "function",
694
+ "for": "inline-size"
695
+ },
696
+ {
697
+ "msg": "Dangling value",
698
+ "name": "calc-size()",
699
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
700
+ "type": "function",
701
+ "for": "block-size"
702
+ },
703
+ {
704
+ "msg": "Dangling value",
705
+ "name": "calc-size()",
706
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
707
+ "type": "function",
708
+ "for": "min-width"
709
+ },
710
+ {
711
+ "msg": "Dangling value",
712
+ "name": "calc-size()",
713
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
714
+ "type": "function",
715
+ "for": "min-height"
716
+ },
717
+ {
718
+ "msg": "Dangling value",
719
+ "name": "calc-size()",
720
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
721
+ "type": "function",
722
+ "for": "min-inline-size"
723
+ },
724
+ {
725
+ "msg": "Dangling value",
726
+ "name": "calc-size()",
727
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
728
+ "type": "function",
729
+ "for": "min-block-size"
730
+ },
731
+ {
732
+ "msg": "Dangling value",
733
+ "name": "calc-size()",
734
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
735
+ "type": "function",
736
+ "for": "max-width"
737
+ },
738
+ {
739
+ "msg": "Dangling value",
740
+ "name": "calc-size()",
741
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
742
+ "type": "function",
743
+ "for": "max-height"
744
+ },
745
+ {
746
+ "msg": "Dangling value",
747
+ "name": "calc-size()",
748
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
749
+ "type": "function",
750
+ "for": "max-inline-size"
751
+ },
752
+ {
753
+ "msg": "Dangling value",
754
+ "name": "calc-size()",
755
+ "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
756
+ "type": "function",
757
+ "for": "max-block-size"
691
758
  }
692
759
  ]
693
760
  }