@webref/css 6.25.14 → 6.25.15
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.
- package/css-gaps.json +3 -3
- package/css-logical.json +0 -102
- package/css-scroll-snap.json +8 -1
- package/css-sizing-4.json +251 -169
- package/css-sizing.json +206 -71
- package/package.json +1 -1
package/css-gaps.json
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-gap",
|
|
10
10
|
"value": "normal | <length-percentage [0,∞]> | <line-width>",
|
|
11
11
|
"initial": "normal",
|
|
12
|
-
"appliesTo": "multi-column containers, flex containers, grid containers",
|
|
12
|
+
"appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
|
|
13
13
|
"inherited": "no",
|
|
14
14
|
"percentages": "see § 2.3 Percentages In gap Properties",
|
|
15
15
|
"computedValue": "specified keyword, else a computed <length-percentage> value",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-gap",
|
|
35
35
|
"value": "normal | <length-percentage [0,∞]> | <line-width>",
|
|
36
36
|
"initial": "normal",
|
|
37
|
-
"appliesTo": "multi-column containers, flex containers, grid containers",
|
|
37
|
+
"appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
|
|
38
38
|
"inherited": "no",
|
|
39
39
|
"percentages": "see § 2.3 Percentages In gap Properties",
|
|
40
40
|
"computedValue": "specified keyword, else a computed <length-percentage> value",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-gap",
|
|
60
60
|
"value": "<'row-gap'> <'column-gap'>?",
|
|
61
61
|
"initial": "see individual properties",
|
|
62
|
-
"appliesTo": "multi-column containers, flex containers, grid containers",
|
|
62
|
+
"appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
|
|
63
63
|
"inherited": "no",
|
|
64
64
|
"percentages": "refer to corresponding dimension of the content area",
|
|
65
65
|
"computedValue": "see individual properties",
|
package/css-logical.json
CHANGED
|
@@ -4,108 +4,6 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-logical-1/"
|
|
5
5
|
},
|
|
6
6
|
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "block-size",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-logical-1/#propdef-block-size",
|
|
10
|
-
"value": "<'width'>",
|
|
11
|
-
"initial": "auto",
|
|
12
|
-
"appliesTo": "Same as height and width",
|
|
13
|
-
"inherited": "no",
|
|
14
|
-
"percentages": "As for the corresponding physical property",
|
|
15
|
-
"computedValue": "Same as height, width",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"animationType": "by computed value type",
|
|
18
|
-
"logicalPropertyGroup": "size",
|
|
19
|
-
"styleDeclaration": [
|
|
20
|
-
"block-size",
|
|
21
|
-
"blockSize"
|
|
22
|
-
]
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"name": "inline-size",
|
|
26
|
-
"href": "https://drafts.csswg.org/css-logical-1/#propdef-inline-size",
|
|
27
|
-
"value": "<'width'>",
|
|
28
|
-
"initial": "auto",
|
|
29
|
-
"appliesTo": "Same as height and width",
|
|
30
|
-
"inherited": "no",
|
|
31
|
-
"percentages": "As for the corresponding physical property",
|
|
32
|
-
"computedValue": "Same as height, width",
|
|
33
|
-
"canonicalOrder": "per grammar",
|
|
34
|
-
"animationType": "by computed value type",
|
|
35
|
-
"logicalPropertyGroup": "size",
|
|
36
|
-
"styleDeclaration": [
|
|
37
|
-
"inline-size",
|
|
38
|
-
"inlineSize"
|
|
39
|
-
]
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"name": "min-block-size",
|
|
43
|
-
"href": "https://drafts.csswg.org/css-logical-1/#propdef-min-block-size",
|
|
44
|
-
"value": "<'min-width'>",
|
|
45
|
-
"initial": "0",
|
|
46
|
-
"appliesTo": "same as height and width",
|
|
47
|
-
"inherited": "no",
|
|
48
|
-
"percentages": "As for the corresponding physical property",
|
|
49
|
-
"computedValue": "Same as min-height, min-width",
|
|
50
|
-
"canonicalOrder": "per grammar",
|
|
51
|
-
"animationType": "by computed value type",
|
|
52
|
-
"logicalPropertyGroup": "min-size",
|
|
53
|
-
"styleDeclaration": [
|
|
54
|
-
"min-block-size",
|
|
55
|
-
"minBlockSize"
|
|
56
|
-
]
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"name": "min-inline-size",
|
|
60
|
-
"href": "https://drafts.csswg.org/css-logical-1/#propdef-min-inline-size",
|
|
61
|
-
"value": "<'min-width'>",
|
|
62
|
-
"initial": "0",
|
|
63
|
-
"appliesTo": "same as height and width",
|
|
64
|
-
"inherited": "no",
|
|
65
|
-
"percentages": "As for the corresponding physical property",
|
|
66
|
-
"computedValue": "Same as min-height, min-width",
|
|
67
|
-
"canonicalOrder": "per grammar",
|
|
68
|
-
"animationType": "by computed value type",
|
|
69
|
-
"logicalPropertyGroup": "min-size",
|
|
70
|
-
"styleDeclaration": [
|
|
71
|
-
"min-inline-size",
|
|
72
|
-
"minInlineSize"
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"name": "max-block-size",
|
|
77
|
-
"href": "https://drafts.csswg.org/css-logical-1/#propdef-max-block-size",
|
|
78
|
-
"value": "<'max-width'>",
|
|
79
|
-
"initial": "none",
|
|
80
|
-
"appliesTo": "same as height and width",
|
|
81
|
-
"inherited": "no",
|
|
82
|
-
"percentages": "As for the corresponding physical property",
|
|
83
|
-
"computedValue": "Same as max-height, max-width",
|
|
84
|
-
"canonicalOrder": "per grammar",
|
|
85
|
-
"animationType": "by computed value type",
|
|
86
|
-
"logicalPropertyGroup": "max-size",
|
|
87
|
-
"styleDeclaration": [
|
|
88
|
-
"max-block-size",
|
|
89
|
-
"maxBlockSize"
|
|
90
|
-
]
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
"name": "max-inline-size",
|
|
94
|
-
"href": "https://drafts.csswg.org/css-logical-1/#propdef-max-inline-size",
|
|
95
|
-
"value": "<'max-width'>",
|
|
96
|
-
"initial": "none",
|
|
97
|
-
"appliesTo": "same as height and width",
|
|
98
|
-
"inherited": "no",
|
|
99
|
-
"percentages": "As for the corresponding physical property",
|
|
100
|
-
"computedValue": "Same as max-height, max-width",
|
|
101
|
-
"canonicalOrder": "per grammar",
|
|
102
|
-
"animationType": "by computed value type",
|
|
103
|
-
"logicalPropertyGroup": "max-size",
|
|
104
|
-
"styleDeclaration": [
|
|
105
|
-
"max-inline-size",
|
|
106
|
-
"maxInlineSize"
|
|
107
|
-
]
|
|
108
|
-
},
|
|
109
7
|
{
|
|
110
8
|
"name": "margin-block-start",
|
|
111
9
|
"href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-block-start",
|
package/css-scroll-snap.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
{
|
|
8
8
|
"name": "scroll-snap-type",
|
|
9
9
|
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-snap-type",
|
|
10
|
-
"value": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
|
|
10
|
+
"value": "none | [ x | y | block | inline | both | pair ] [ mandatory | proximity ]?",
|
|
11
11
|
"initial": "none",
|
|
12
12
|
"appliesTo": "all elements",
|
|
13
13
|
"inherited": "no",
|
|
@@ -51,6 +51,13 @@
|
|
|
51
51
|
"type": "value",
|
|
52
52
|
"value": "both"
|
|
53
53
|
},
|
|
54
|
+
{
|
|
55
|
+
"name": "pair",
|
|
56
|
+
"prose": "The scroll container snaps to snap positions in both of its axes together as a single 2D point belonging to a single snap area. A snap area is only eligible as a snap position in a scroll container with pair if it specifies an alignment in both axes (i.e. neither its block nor inline alignment in scroll-snap-align computes to none). Snap areas that specify alignment in only a single axis are ignored.",
|
|
57
|
+
"href": "https://drafts.csswg.org/css-scroll-snap-1/#valdef-scroll-snap-type-pair",
|
|
58
|
+
"type": "value",
|
|
59
|
+
"value": "pair"
|
|
60
|
+
},
|
|
54
61
|
{
|
|
55
62
|
"name": "none",
|
|
56
63
|
"prose": "If specified on a scroll container, the scroll container must not snap.",
|
package/css-sizing-4.json
CHANGED
|
@@ -4,30 +4,86 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-sizing-4/"
|
|
5
5
|
},
|
|
6
6
|
"properties": [
|
|
7
|
+
{
|
|
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",
|
|
18
|
+
"styleDeclaration": [
|
|
19
|
+
"size"
|
|
20
|
+
],
|
|
21
|
+
"longhands": [
|
|
22
|
+
"width",
|
|
23
|
+
"height"
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
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",
|
|
37
|
+
"styleDeclaration": [
|
|
38
|
+
"min-size",
|
|
39
|
+
"minSize"
|
|
40
|
+
],
|
|
41
|
+
"longhands": [
|
|
42
|
+
"min-width",
|
|
43
|
+
"min-height"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
{
|
|
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",
|
|
57
|
+
"styleDeclaration": [
|
|
58
|
+
"max-size",
|
|
59
|
+
"maxSize"
|
|
60
|
+
],
|
|
61
|
+
"longhands": [
|
|
62
|
+
"max-width",
|
|
63
|
+
"max-height"
|
|
64
|
+
]
|
|
65
|
+
},
|
|
7
66
|
{
|
|
8
67
|
"name": "width",
|
|
9
|
-
"newValues": "
|
|
68
|
+
"newValues": "contain | fit-content(<length-percentage [0,∞]>)",
|
|
10
69
|
"values": [
|
|
11
70
|
{
|
|
12
|
-
"name": "
|
|
13
|
-
"
|
|
14
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#
|
|
15
|
-
"type": "
|
|
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"
|
|
71
|
+
"name": "fit-content()",
|
|
72
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
73
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
74
|
+
"type": "function"
|
|
24
75
|
},
|
|
25
76
|
{
|
|
26
77
|
"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.
|
|
78
|
+
"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.",
|
|
28
79
|
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
29
80
|
"type": "value",
|
|
30
81
|
"value": "contain"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "calc-size()",
|
|
85
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
86
|
+
"type": "function"
|
|
31
87
|
}
|
|
32
88
|
],
|
|
33
89
|
"styleDeclaration": [
|
|
@@ -36,28 +92,25 @@
|
|
|
36
92
|
},
|
|
37
93
|
{
|
|
38
94
|
"name": "height",
|
|
39
|
-
"newValues": "
|
|
95
|
+
"newValues": "contain | fit-content(<length-percentage [0,∞]>)",
|
|
40
96
|
"values": [
|
|
41
97
|
{
|
|
42
|
-
"name": "
|
|
43
|
-
"
|
|
44
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#
|
|
45
|
-
"type": "
|
|
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"
|
|
98
|
+
"name": "fit-content()",
|
|
99
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
100
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
101
|
+
"type": "function"
|
|
54
102
|
},
|
|
55
103
|
{
|
|
56
104
|
"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.
|
|
105
|
+
"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.",
|
|
58
106
|
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
59
107
|
"type": "value",
|
|
60
108
|
"value": "contain"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "calc-size()",
|
|
112
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
113
|
+
"type": "function"
|
|
61
114
|
}
|
|
62
115
|
],
|
|
63
116
|
"styleDeclaration": [
|
|
@@ -66,28 +119,25 @@
|
|
|
66
119
|
},
|
|
67
120
|
{
|
|
68
121
|
"name": "min-width",
|
|
69
|
-
"newValues": "
|
|
122
|
+
"newValues": "contain | fit-content(<length-percentage [0,∞]>)",
|
|
70
123
|
"values": [
|
|
71
124
|
{
|
|
72
|
-
"name": "
|
|
73
|
-
"
|
|
74
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#
|
|
75
|
-
"type": "
|
|
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"
|
|
125
|
+
"name": "fit-content()",
|
|
126
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
127
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
128
|
+
"type": "function"
|
|
84
129
|
},
|
|
85
130
|
{
|
|
86
131
|
"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.
|
|
132
|
+
"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.",
|
|
88
133
|
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
89
134
|
"type": "value",
|
|
90
135
|
"value": "contain"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"name": "calc-size()",
|
|
139
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
140
|
+
"type": "function"
|
|
91
141
|
}
|
|
92
142
|
],
|
|
93
143
|
"styleDeclaration": [
|
|
@@ -97,28 +147,25 @@
|
|
|
97
147
|
},
|
|
98
148
|
{
|
|
99
149
|
"name": "min-height",
|
|
100
|
-
"newValues": "
|
|
150
|
+
"newValues": "contain | fit-content(<length-percentage [0,∞]>)",
|
|
101
151
|
"values": [
|
|
102
152
|
{
|
|
103
|
-
"name": "
|
|
104
|
-
"
|
|
105
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#
|
|
106
|
-
"type": "
|
|
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"
|
|
153
|
+
"name": "fit-content()",
|
|
154
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
155
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
156
|
+
"type": "function"
|
|
115
157
|
},
|
|
116
158
|
{
|
|
117
159
|
"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.
|
|
160
|
+
"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.",
|
|
119
161
|
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
120
162
|
"type": "value",
|
|
121
163
|
"value": "contain"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "calc-size()",
|
|
167
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
168
|
+
"type": "function"
|
|
122
169
|
}
|
|
123
170
|
],
|
|
124
171
|
"styleDeclaration": [
|
|
@@ -128,28 +175,25 @@
|
|
|
128
175
|
},
|
|
129
176
|
{
|
|
130
177
|
"name": "max-width",
|
|
131
|
-
"newValues": "
|
|
178
|
+
"newValues": "contain | fit-content(<length-percentage [0,∞]>)",
|
|
132
179
|
"values": [
|
|
133
180
|
{
|
|
134
|
-
"name": "
|
|
135
|
-
"
|
|
136
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#
|
|
137
|
-
"type": "
|
|
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"
|
|
181
|
+
"name": "fit-content()",
|
|
182
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
183
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
184
|
+
"type": "function"
|
|
146
185
|
},
|
|
147
186
|
{
|
|
148
187
|
"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.
|
|
188
|
+
"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.",
|
|
150
189
|
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
151
190
|
"type": "value",
|
|
152
191
|
"value": "contain"
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"name": "calc-size()",
|
|
195
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
196
|
+
"type": "function"
|
|
153
197
|
}
|
|
154
198
|
],
|
|
155
199
|
"styleDeclaration": [
|
|
@@ -159,28 +203,25 @@
|
|
|
159
203
|
},
|
|
160
204
|
{
|
|
161
205
|
"name": "max-height",
|
|
162
|
-
"newValues": "
|
|
206
|
+
"newValues": "contain | fit-content(<length-percentage [0,∞]>)",
|
|
163
207
|
"values": [
|
|
164
208
|
{
|
|
165
|
-
"name": "
|
|
166
|
-
"
|
|
167
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#
|
|
168
|
-
"type": "
|
|
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"
|
|
209
|
+
"name": "fit-content()",
|
|
210
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
211
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
212
|
+
"type": "function"
|
|
177
213
|
},
|
|
178
214
|
{
|
|
179
215
|
"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.
|
|
216
|
+
"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.",
|
|
181
217
|
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
182
218
|
"type": "value",
|
|
183
219
|
"value": "contain"
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "calc-size()",
|
|
223
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
224
|
+
"type": "function"
|
|
184
225
|
}
|
|
185
226
|
],
|
|
186
227
|
"styleDeclaration": [
|
|
@@ -521,172 +562,213 @@
|
|
|
521
562
|
"min-intrinsic-sizing",
|
|
522
563
|
"minIntrinsicSizing"
|
|
523
564
|
]
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"name": "column-width",
|
|
568
|
+
"newValues": "<box-size>",
|
|
569
|
+
"computedValue": "as specified, with <length-percentage> values computed",
|
|
570
|
+
"animationType": "by computed value type",
|
|
571
|
+
"values": [
|
|
572
|
+
{
|
|
573
|
+
"name": "stretch",
|
|
574
|
+
"prose": "Specifies the optimal column width as the stretch-fit inline size of the multi-column container.",
|
|
575
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-stretch",
|
|
576
|
+
"type": "value",
|
|
577
|
+
"value": "stretch"
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
"name": "min-content",
|
|
581
|
+
"prose": "Specifies the optimal column width as the min-content inline size of the multi-column container’s contents.",
|
|
582
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-min-content",
|
|
583
|
+
"type": "value",
|
|
584
|
+
"value": "min-content"
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"name": "max-content",
|
|
588
|
+
"prose": "Specifies the optimal column width as the max-content inline size of the multi-column container’s contents.",
|
|
589
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-max-content",
|
|
590
|
+
"type": "value",
|
|
591
|
+
"value": "max-content"
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"name": "fit-content",
|
|
595
|
+
"prose": "Specifies the optimal column width as min(max-content inline size, max(min-content inline size, stretch-fit inline size)).",
|
|
596
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-fit-content",
|
|
597
|
+
"type": "value",
|
|
598
|
+
"value": "fit-content"
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"name": "fit-content()",
|
|
602
|
+
"value": "fit-content()",
|
|
603
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-column-width-fit-content-length-percentage",
|
|
604
|
+
"type": "value"
|
|
605
|
+
}
|
|
606
|
+
],
|
|
607
|
+
"styleDeclaration": [
|
|
608
|
+
"column-width",
|
|
609
|
+
"columnWidth"
|
|
610
|
+
]
|
|
524
611
|
}
|
|
525
612
|
],
|
|
526
613
|
"atrules": [],
|
|
527
614
|
"selectors": [],
|
|
528
|
-
"values": [
|
|
615
|
+
"values": [
|
|
616
|
+
{
|
|
617
|
+
"name": "<box-size>",
|
|
618
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#typedef-box-size",
|
|
619
|
+
"type": "type",
|
|
620
|
+
"value": "<length-percentage> | stretch | contain | min-content | max-content | fit-content | fit-content() | calc-size()"
|
|
621
|
+
}
|
|
622
|
+
],
|
|
529
623
|
"warnings": [
|
|
530
624
|
{
|
|
531
625
|
"msg": "Dangling value",
|
|
532
|
-
"name": "
|
|
533
|
-
"
|
|
534
|
-
"
|
|
535
|
-
"
|
|
536
|
-
"
|
|
626
|
+
"name": "fit-content()",
|
|
627
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
628
|
+
"pureSyntax": false,
|
|
629
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
630
|
+
"type": "function",
|
|
537
631
|
"for": "inline-size"
|
|
538
632
|
},
|
|
539
633
|
{
|
|
540
634
|
"msg": "Dangling value",
|
|
541
|
-
"name": "
|
|
542
|
-
"
|
|
543
|
-
"
|
|
544
|
-
"
|
|
545
|
-
"
|
|
635
|
+
"name": "fit-content()",
|
|
636
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
637
|
+
"pureSyntax": false,
|
|
638
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
639
|
+
"type": "function",
|
|
546
640
|
"for": "block-size"
|
|
547
641
|
},
|
|
548
642
|
{
|
|
549
643
|
"msg": "Dangling value",
|
|
550
|
-
"name": "
|
|
551
|
-
"
|
|
552
|
-
"
|
|
553
|
-
"
|
|
554
|
-
"
|
|
644
|
+
"name": "fit-content()",
|
|
645
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
646
|
+
"pureSyntax": false,
|
|
647
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
648
|
+
"type": "function",
|
|
555
649
|
"for": "min-inline-size"
|
|
556
650
|
},
|
|
557
651
|
{
|
|
558
652
|
"msg": "Dangling value",
|
|
559
|
-
"name": "
|
|
560
|
-
"
|
|
561
|
-
"
|
|
562
|
-
"
|
|
563
|
-
"
|
|
653
|
+
"name": "fit-content()",
|
|
654
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
655
|
+
"pureSyntax": false,
|
|
656
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
657
|
+
"type": "function",
|
|
564
658
|
"for": "min-block-size"
|
|
565
659
|
},
|
|
566
660
|
{
|
|
567
661
|
"msg": "Dangling value",
|
|
568
|
-
"name": "
|
|
569
|
-
"
|
|
570
|
-
"
|
|
571
|
-
"
|
|
572
|
-
"
|
|
662
|
+
"name": "fit-content()",
|
|
663
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
664
|
+
"pureSyntax": false,
|
|
665
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
666
|
+
"type": "function",
|
|
573
667
|
"for": "max-inline-size"
|
|
574
668
|
},
|
|
575
669
|
{
|
|
576
670
|
"msg": "Dangling value",
|
|
577
|
-
"name": "
|
|
578
|
-
"
|
|
579
|
-
"
|
|
580
|
-
"
|
|
581
|
-
"
|
|
671
|
+
"name": "fit-content()",
|
|
672
|
+
"value": "fit-content(<length-percentage [0,∞]>)",
|
|
673
|
+
"pureSyntax": false,
|
|
674
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
|
|
675
|
+
"type": "function",
|
|
582
676
|
"for": "max-block-size"
|
|
583
677
|
},
|
|
584
678
|
{
|
|
585
679
|
"msg": "Dangling value",
|
|
586
|
-
"name": "
|
|
587
|
-
"prose": "
|
|
588
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-
|
|
680
|
+
"name": "contain",
|
|
681
|
+
"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.",
|
|
682
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
589
683
|
"type": "value",
|
|
590
|
-
"value": "
|
|
684
|
+
"value": "contain",
|
|
591
685
|
"for": "inline-size"
|
|
592
686
|
},
|
|
593
687
|
{
|
|
594
688
|
"msg": "Dangling value",
|
|
595
|
-
"name": "
|
|
596
|
-
"prose": "
|
|
597
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-
|
|
689
|
+
"name": "contain",
|
|
690
|
+
"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.",
|
|
691
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
598
692
|
"type": "value",
|
|
599
|
-
"value": "
|
|
693
|
+
"value": "contain",
|
|
600
694
|
"for": "block-size"
|
|
601
695
|
},
|
|
602
696
|
{
|
|
603
697
|
"msg": "Dangling value",
|
|
604
|
-
"name": "
|
|
605
|
-
"prose": "
|
|
606
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-
|
|
698
|
+
"name": "contain",
|
|
699
|
+
"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.",
|
|
700
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
607
701
|
"type": "value",
|
|
608
|
-
"value": "
|
|
702
|
+
"value": "contain",
|
|
609
703
|
"for": "min-inline-size"
|
|
610
704
|
},
|
|
611
705
|
{
|
|
612
706
|
"msg": "Dangling value",
|
|
613
|
-
"name": "
|
|
614
|
-
"prose": "
|
|
615
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-
|
|
707
|
+
"name": "contain",
|
|
708
|
+
"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.",
|
|
709
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
616
710
|
"type": "value",
|
|
617
|
-
"value": "
|
|
711
|
+
"value": "contain",
|
|
618
712
|
"for": "min-block-size"
|
|
619
713
|
},
|
|
620
714
|
{
|
|
621
715
|
"msg": "Dangling value",
|
|
622
|
-
"name": "
|
|
623
|
-
"prose": "
|
|
624
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-
|
|
716
|
+
"name": "contain",
|
|
717
|
+
"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.",
|
|
718
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
625
719
|
"type": "value",
|
|
626
|
-
"value": "
|
|
720
|
+
"value": "contain",
|
|
627
721
|
"for": "max-inline-size"
|
|
628
722
|
},
|
|
629
723
|
{
|
|
630
724
|
"msg": "Dangling value",
|
|
631
|
-
"name": "
|
|
632
|
-
"prose": "
|
|
633
|
-
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-
|
|
725
|
+
"name": "contain",
|
|
726
|
+
"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.",
|
|
727
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
|
|
634
728
|
"type": "value",
|
|
635
|
-
"value": "
|
|
729
|
+
"value": "contain",
|
|
636
730
|
"for": "max-block-size"
|
|
637
731
|
},
|
|
638
732
|
{
|
|
639
733
|
"msg": "Dangling value",
|
|
640
|
-
"name": "
|
|
641
|
-
"
|
|
642
|
-
"
|
|
643
|
-
"type": "value",
|
|
644
|
-
"value": "contain",
|
|
734
|
+
"name": "calc-size()",
|
|
735
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
736
|
+
"type": "function",
|
|
645
737
|
"for": "inline-size"
|
|
646
738
|
},
|
|
647
739
|
{
|
|
648
740
|
"msg": "Dangling value",
|
|
649
|
-
"name": "
|
|
650
|
-
"
|
|
651
|
-
"
|
|
652
|
-
"type": "value",
|
|
653
|
-
"value": "contain",
|
|
741
|
+
"name": "calc-size()",
|
|
742
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
743
|
+
"type": "function",
|
|
654
744
|
"for": "block-size"
|
|
655
745
|
},
|
|
656
746
|
{
|
|
657
747
|
"msg": "Dangling value",
|
|
658
|
-
"name": "
|
|
659
|
-
"
|
|
660
|
-
"
|
|
661
|
-
"type": "value",
|
|
662
|
-
"value": "contain",
|
|
748
|
+
"name": "calc-size()",
|
|
749
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
750
|
+
"type": "function",
|
|
663
751
|
"for": "min-inline-size"
|
|
664
752
|
},
|
|
665
753
|
{
|
|
666
754
|
"msg": "Dangling value",
|
|
667
|
-
"name": "
|
|
668
|
-
"
|
|
669
|
-
"
|
|
670
|
-
"type": "value",
|
|
671
|
-
"value": "contain",
|
|
755
|
+
"name": "calc-size()",
|
|
756
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
757
|
+
"type": "function",
|
|
672
758
|
"for": "min-block-size"
|
|
673
759
|
},
|
|
674
760
|
{
|
|
675
761
|
"msg": "Dangling value",
|
|
676
|
-
"name": "
|
|
677
|
-
"
|
|
678
|
-
"
|
|
679
|
-
"type": "value",
|
|
680
|
-
"value": "contain",
|
|
762
|
+
"name": "calc-size()",
|
|
763
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
764
|
+
"type": "function",
|
|
681
765
|
"for": "max-inline-size"
|
|
682
766
|
},
|
|
683
767
|
{
|
|
684
768
|
"msg": "Dangling value",
|
|
685
|
-
"name": "
|
|
686
|
-
"
|
|
687
|
-
"
|
|
688
|
-
"type": "value",
|
|
689
|
-
"value": "contain",
|
|
769
|
+
"name": "calc-size()",
|
|
770
|
+
"href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-calc-size",
|
|
771
|
+
"type": "function",
|
|
690
772
|
"for": "max-block-size"
|
|
691
773
|
}
|
|
692
774
|
]
|
package/css-sizing.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
{
|
|
8
8
|
"name": "width",
|
|
9
9
|
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-width",
|
|
10
|
-
"value": "auto | <
|
|
10
|
+
"value": "auto | <box-size>",
|
|
11
11
|
"initial": "auto",
|
|
12
12
|
"appliesTo": "all elements except non-replaced inlines",
|
|
13
13
|
"inherited": "no",
|
|
@@ -26,11 +26,18 @@
|
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
28
|
"name": "auto",
|
|
29
|
-
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types
|
|
29
|
+
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types (block and inline boxes, inline blocks, and all table display types) when aspect-ratio is auto. It also resolves to zero when no box is generated.",
|
|
30
30
|
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-auto",
|
|
31
31
|
"type": "value",
|
|
32
32
|
"value": "auto"
|
|
33
33
|
},
|
|
34
|
+
{
|
|
35
|
+
"name": "stretch",
|
|
36
|
+
"prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 4.2 Stretch-fit Sizing: filling the containing block.",
|
|
37
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-stretch",
|
|
38
|
+
"type": "value",
|
|
39
|
+
"value": "stretch"
|
|
40
|
+
},
|
|
34
41
|
{
|
|
35
42
|
"name": "min-content",
|
|
36
43
|
"prose": "Use the min-content size in the relevant axis; for a box’s block size, unless otherwise specified, this is equivalent to its automatic size.",
|
|
@@ -46,15 +53,11 @@
|
|
|
46
53
|
"value": "max-content"
|
|
47
54
|
},
|
|
48
55
|
{
|
|
49
|
-
"name": "fit-content
|
|
50
|
-
"
|
|
51
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#
|
|
52
|
-
"type": "
|
|
53
|
-
|
|
54
|
-
{
|
|
55
|
-
"name": "calc-size()",
|
|
56
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
|
|
57
|
-
"type": "function"
|
|
56
|
+
"name": "fit-content",
|
|
57
|
+
"prose": "Use the fit-content size in the relevant axis, i.e. min(max-content, max(min-content, stretch)).",
|
|
58
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-fit-content",
|
|
59
|
+
"type": "value",
|
|
60
|
+
"value": "fit-content"
|
|
58
61
|
}
|
|
59
62
|
],
|
|
60
63
|
"styleDeclaration": [
|
|
@@ -64,7 +67,7 @@
|
|
|
64
67
|
{
|
|
65
68
|
"name": "height",
|
|
66
69
|
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-height",
|
|
67
|
-
"value": "auto | <
|
|
70
|
+
"value": "auto | <box-size>",
|
|
68
71
|
"initial": "auto",
|
|
69
72
|
"appliesTo": "all elements except non-replaced inlines",
|
|
70
73
|
"inherited": "no",
|
|
@@ -83,11 +86,18 @@
|
|
|
83
86
|
},
|
|
84
87
|
{
|
|
85
88
|
"name": "auto",
|
|
86
|
-
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types
|
|
89
|
+
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types (block and inline boxes, inline blocks, and all table display types) when aspect-ratio is auto. It also resolves to zero when no box is generated.",
|
|
87
90
|
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-auto",
|
|
88
91
|
"type": "value",
|
|
89
92
|
"value": "auto"
|
|
90
93
|
},
|
|
94
|
+
{
|
|
95
|
+
"name": "stretch",
|
|
96
|
+
"prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 4.2 Stretch-fit Sizing: filling the containing block.",
|
|
97
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-stretch",
|
|
98
|
+
"type": "value",
|
|
99
|
+
"value": "stretch"
|
|
100
|
+
},
|
|
91
101
|
{
|
|
92
102
|
"name": "min-content",
|
|
93
103
|
"prose": "Use the min-content size in the relevant axis; for a box’s block size, unless otherwise specified, this is equivalent to its automatic size.",
|
|
@@ -103,25 +113,55 @@
|
|
|
103
113
|
"value": "max-content"
|
|
104
114
|
},
|
|
105
115
|
{
|
|
106
|
-
"name": "fit-content
|
|
107
|
-
"
|
|
108
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#
|
|
109
|
-
"type": "
|
|
110
|
-
|
|
111
|
-
{
|
|
112
|
-
"name": "calc-size()",
|
|
113
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
|
|
114
|
-
"type": "function"
|
|
116
|
+
"name": "fit-content",
|
|
117
|
+
"prose": "Use the fit-content size in the relevant axis, i.e. min(max-content, max(min-content, stretch)).",
|
|
118
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-fit-content",
|
|
119
|
+
"type": "value",
|
|
120
|
+
"value": "fit-content"
|
|
115
121
|
}
|
|
116
122
|
],
|
|
117
123
|
"styleDeclaration": [
|
|
118
124
|
"height"
|
|
119
125
|
]
|
|
120
126
|
},
|
|
127
|
+
{
|
|
128
|
+
"name": "inline-size",
|
|
129
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-inline-size",
|
|
130
|
+
"value": "auto | <box-size>",
|
|
131
|
+
"initial": "auto",
|
|
132
|
+
"appliesTo": "all elements except non-replaced inlines",
|
|
133
|
+
"inherited": "no",
|
|
134
|
+
"percentages": "relative to width/height of containing block",
|
|
135
|
+
"computedValue": "as specified, with <length-percentage> values computed",
|
|
136
|
+
"canonicalOrder": "per grammar",
|
|
137
|
+
"animationType": "by computed value type, recursing into fit-content()",
|
|
138
|
+
"logicalPropertyGroup": "size",
|
|
139
|
+
"styleDeclaration": [
|
|
140
|
+
"inline-size",
|
|
141
|
+
"inlineSize"
|
|
142
|
+
]
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"name": "block-size",
|
|
146
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-block-size",
|
|
147
|
+
"value": "auto | <box-size>",
|
|
148
|
+
"initial": "auto",
|
|
149
|
+
"appliesTo": "all elements except non-replaced inlines",
|
|
150
|
+
"inherited": "no",
|
|
151
|
+
"percentages": "relative to width/height of containing block",
|
|
152
|
+
"computedValue": "as specified, with <length-percentage> values computed",
|
|
153
|
+
"canonicalOrder": "per grammar",
|
|
154
|
+
"animationType": "by computed value type, recursing into fit-content()",
|
|
155
|
+
"logicalPropertyGroup": "size",
|
|
156
|
+
"styleDeclaration": [
|
|
157
|
+
"block-size",
|
|
158
|
+
"blockSize"
|
|
159
|
+
]
|
|
160
|
+
},
|
|
121
161
|
{
|
|
122
162
|
"name": "min-width",
|
|
123
163
|
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-width",
|
|
124
|
-
"value": "auto | <
|
|
164
|
+
"value": "auto | <box-size>",
|
|
125
165
|
"initial": "auto",
|
|
126
166
|
"appliesTo": "all elements that accept width or height",
|
|
127
167
|
"inherited": "no",
|
|
@@ -140,11 +180,18 @@
|
|
|
140
180
|
},
|
|
141
181
|
{
|
|
142
182
|
"name": "auto",
|
|
143
|
-
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types
|
|
183
|
+
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types (block and inline boxes, inline blocks, and all table display types) when aspect-ratio is auto. It also resolves to zero when no box is generated.",
|
|
144
184
|
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-auto",
|
|
145
185
|
"type": "value",
|
|
146
186
|
"value": "auto"
|
|
147
187
|
},
|
|
188
|
+
{
|
|
189
|
+
"name": "stretch",
|
|
190
|
+
"prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 4.2 Stretch-fit Sizing: filling the containing block.",
|
|
191
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-stretch",
|
|
192
|
+
"type": "value",
|
|
193
|
+
"value": "stretch"
|
|
194
|
+
},
|
|
148
195
|
{
|
|
149
196
|
"name": "min-content",
|
|
150
197
|
"prose": "Use the min-content size in the relevant axis; for a box’s block size, unless otherwise specified, this is equivalent to its automatic size.",
|
|
@@ -160,15 +207,11 @@
|
|
|
160
207
|
"value": "max-content"
|
|
161
208
|
},
|
|
162
209
|
{
|
|
163
|
-
"name": "fit-content
|
|
164
|
-
"
|
|
165
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#
|
|
166
|
-
"type": "
|
|
167
|
-
|
|
168
|
-
{
|
|
169
|
-
"name": "calc-size()",
|
|
170
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
|
|
171
|
-
"type": "function"
|
|
210
|
+
"name": "fit-content",
|
|
211
|
+
"prose": "Use the fit-content size in the relevant axis, i.e. min(max-content, max(min-content, stretch)).",
|
|
212
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-fit-content",
|
|
213
|
+
"type": "value",
|
|
214
|
+
"value": "fit-content"
|
|
172
215
|
}
|
|
173
216
|
],
|
|
174
217
|
"styleDeclaration": [
|
|
@@ -179,7 +222,7 @@
|
|
|
179
222
|
{
|
|
180
223
|
"name": "min-height",
|
|
181
224
|
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-height",
|
|
182
|
-
"value": "auto | <
|
|
225
|
+
"value": "auto | <box-size>",
|
|
183
226
|
"initial": "auto",
|
|
184
227
|
"appliesTo": "all elements that accept width or height",
|
|
185
228
|
"inherited": "no",
|
|
@@ -198,11 +241,18 @@
|
|
|
198
241
|
},
|
|
199
242
|
{
|
|
200
243
|
"name": "auto",
|
|
201
|
-
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types
|
|
244
|
+
"prose": "For width/height, specifies an automatic size (automatic block size/automatic inline size). See the relevant layout module for how to calculate this. For min-width/min-height, specifies an automatic minimum size. Unless otherwise defined by the relevant layout module, however, it resolves to a used value of 0. For backwards-compatibility, the resolved value of this keyword is zero for boxes of all [CSS2] display types (block and inline boxes, inline blocks, and all table display types) when aspect-ratio is auto. It also resolves to zero when no box is generated.",
|
|
202
245
|
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-auto",
|
|
203
246
|
"type": "value",
|
|
204
247
|
"value": "auto"
|
|
205
248
|
},
|
|
249
|
+
{
|
|
250
|
+
"name": "stretch",
|
|
251
|
+
"prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 4.2 Stretch-fit Sizing: filling the containing block.",
|
|
252
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-stretch",
|
|
253
|
+
"type": "value",
|
|
254
|
+
"value": "stretch"
|
|
255
|
+
},
|
|
206
256
|
{
|
|
207
257
|
"name": "min-content",
|
|
208
258
|
"prose": "Use the min-content size in the relevant axis; for a box’s block size, unless otherwise specified, this is equivalent to its automatic size.",
|
|
@@ -218,15 +268,11 @@
|
|
|
218
268
|
"value": "max-content"
|
|
219
269
|
},
|
|
220
270
|
{
|
|
221
|
-
"name": "fit-content
|
|
222
|
-
"
|
|
223
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#
|
|
224
|
-
"type": "
|
|
225
|
-
|
|
226
|
-
{
|
|
227
|
-
"name": "calc-size()",
|
|
228
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
|
|
229
|
-
"type": "function"
|
|
271
|
+
"name": "fit-content",
|
|
272
|
+
"prose": "Use the fit-content size in the relevant axis, i.e. min(max-content, max(min-content, stretch)).",
|
|
273
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-fit-content",
|
|
274
|
+
"type": "value",
|
|
275
|
+
"value": "fit-content"
|
|
230
276
|
}
|
|
231
277
|
],
|
|
232
278
|
"styleDeclaration": [
|
|
@@ -234,10 +280,44 @@
|
|
|
234
280
|
"minHeight"
|
|
235
281
|
]
|
|
236
282
|
},
|
|
283
|
+
{
|
|
284
|
+
"name": "min-inline-size",
|
|
285
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-inline-size",
|
|
286
|
+
"value": "auto | <box-size>",
|
|
287
|
+
"initial": "auto",
|
|
288
|
+
"appliesTo": "all elements that accept width or height",
|
|
289
|
+
"inherited": "no",
|
|
290
|
+
"percentages": "relative to width/height of containing block",
|
|
291
|
+
"computedValue": "as specified, with <length-percentage> values computed",
|
|
292
|
+
"canonicalOrder": "per grammar",
|
|
293
|
+
"animationType": "by computed value, recursing into fit-content()",
|
|
294
|
+
"logicalPropertyGroup": "min-size",
|
|
295
|
+
"styleDeclaration": [
|
|
296
|
+
"min-inline-size",
|
|
297
|
+
"minInlineSize"
|
|
298
|
+
]
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"name": "min-block-size",
|
|
302
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-block-size",
|
|
303
|
+
"value": "auto | <box-size>",
|
|
304
|
+
"initial": "auto",
|
|
305
|
+
"appliesTo": "all elements that accept width or height",
|
|
306
|
+
"inherited": "no",
|
|
307
|
+
"percentages": "relative to width/height of containing block",
|
|
308
|
+
"computedValue": "as specified, with <length-percentage> values computed",
|
|
309
|
+
"canonicalOrder": "per grammar",
|
|
310
|
+
"animationType": "by computed value, recursing into fit-content()",
|
|
311
|
+
"logicalPropertyGroup": "min-size",
|
|
312
|
+
"styleDeclaration": [
|
|
313
|
+
"min-block-size",
|
|
314
|
+
"minBlockSize"
|
|
315
|
+
]
|
|
316
|
+
},
|
|
237
317
|
{
|
|
238
318
|
"name": "max-width",
|
|
239
319
|
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-width",
|
|
240
|
-
"value": "none | <
|
|
320
|
+
"value": "none | <box-size>",
|
|
241
321
|
"initial": "none",
|
|
242
322
|
"appliesTo": "all elements that accept width or height",
|
|
243
323
|
"inherited": "no",
|
|
@@ -261,6 +341,13 @@
|
|
|
261
341
|
"type": "value",
|
|
262
342
|
"value": "none"
|
|
263
343
|
},
|
|
344
|
+
{
|
|
345
|
+
"name": "stretch",
|
|
346
|
+
"prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 4.2 Stretch-fit Sizing: filling the containing block.",
|
|
347
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-stretch",
|
|
348
|
+
"type": "value",
|
|
349
|
+
"value": "stretch"
|
|
350
|
+
},
|
|
264
351
|
{
|
|
265
352
|
"name": "min-content",
|
|
266
353
|
"prose": "Use the min-content size in the relevant axis; for a box’s block size, unless otherwise specified, this is equivalent to its automatic size.",
|
|
@@ -276,15 +363,11 @@
|
|
|
276
363
|
"value": "max-content"
|
|
277
364
|
},
|
|
278
365
|
{
|
|
279
|
-
"name": "fit-content
|
|
280
|
-
"
|
|
281
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#
|
|
282
|
-
"type": "
|
|
283
|
-
|
|
284
|
-
{
|
|
285
|
-
"name": "calc-size()",
|
|
286
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
|
|
287
|
-
"type": "function"
|
|
366
|
+
"name": "fit-content",
|
|
367
|
+
"prose": "Use the fit-content size in the relevant axis, i.e. min(max-content, max(min-content, stretch)).",
|
|
368
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-fit-content",
|
|
369
|
+
"type": "value",
|
|
370
|
+
"value": "fit-content"
|
|
288
371
|
}
|
|
289
372
|
],
|
|
290
373
|
"styleDeclaration": [
|
|
@@ -295,7 +378,7 @@
|
|
|
295
378
|
{
|
|
296
379
|
"name": "max-height",
|
|
297
380
|
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-height",
|
|
298
|
-
"value": "none | <
|
|
381
|
+
"value": "none | <box-size>",
|
|
299
382
|
"initial": "none",
|
|
300
383
|
"appliesTo": "all elements that accept width or height",
|
|
301
384
|
"inherited": "no",
|
|
@@ -319,6 +402,13 @@
|
|
|
319
402
|
"type": "value",
|
|
320
403
|
"value": "none"
|
|
321
404
|
},
|
|
405
|
+
{
|
|
406
|
+
"name": "stretch",
|
|
407
|
+
"prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 4.2 Stretch-fit Sizing: filling the containing block.",
|
|
408
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-stretch",
|
|
409
|
+
"type": "value",
|
|
410
|
+
"value": "stretch"
|
|
411
|
+
},
|
|
322
412
|
{
|
|
323
413
|
"name": "min-content",
|
|
324
414
|
"prose": "Use the min-content size in the relevant axis; for a box’s block size, unless otherwise specified, this is equivalent to its automatic size.",
|
|
@@ -334,15 +424,11 @@
|
|
|
334
424
|
"value": "max-content"
|
|
335
425
|
},
|
|
336
426
|
{
|
|
337
|
-
"name": "fit-content
|
|
338
|
-
"
|
|
339
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#
|
|
340
|
-
"type": "
|
|
341
|
-
|
|
342
|
-
{
|
|
343
|
-
"name": "calc-size()",
|
|
344
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
|
|
345
|
-
"type": "function"
|
|
427
|
+
"name": "fit-content",
|
|
428
|
+
"prose": "Use the fit-content size in the relevant axis, i.e. min(max-content, max(min-content, stretch)).",
|
|
429
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-width-fit-content",
|
|
430
|
+
"type": "value",
|
|
431
|
+
"value": "fit-content"
|
|
346
432
|
}
|
|
347
433
|
],
|
|
348
434
|
"styleDeclaration": [
|
|
@@ -350,6 +436,40 @@
|
|
|
350
436
|
"maxHeight"
|
|
351
437
|
]
|
|
352
438
|
},
|
|
439
|
+
{
|
|
440
|
+
"name": "max-inline-size",
|
|
441
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-inline-size",
|
|
442
|
+
"value": "none | <box-size>",
|
|
443
|
+
"initial": "none",
|
|
444
|
+
"appliesTo": "all elements that accept width or height",
|
|
445
|
+
"inherited": "no",
|
|
446
|
+
"percentages": "relative to width/height of containing block",
|
|
447
|
+
"computedValue": "as specified, with <length-percentage> values computed",
|
|
448
|
+
"canonicalOrder": "per grammar",
|
|
449
|
+
"animationType": "by computed value, recursing into fit-content()",
|
|
450
|
+
"logicalPropertyGroup": "max-size",
|
|
451
|
+
"styleDeclaration": [
|
|
452
|
+
"max-inline-size",
|
|
453
|
+
"maxInlineSize"
|
|
454
|
+
]
|
|
455
|
+
},
|
|
456
|
+
{
|
|
457
|
+
"name": "max-block-size",
|
|
458
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-block-size",
|
|
459
|
+
"value": "none | <box-size>",
|
|
460
|
+
"initial": "none",
|
|
461
|
+
"appliesTo": "all elements that accept width or height",
|
|
462
|
+
"inherited": "no",
|
|
463
|
+
"percentages": "relative to width/height of containing block",
|
|
464
|
+
"computedValue": "as specified, with <length-percentage> values computed",
|
|
465
|
+
"canonicalOrder": "per grammar",
|
|
466
|
+
"animationType": "by computed value, recursing into fit-content()",
|
|
467
|
+
"logicalPropertyGroup": "max-size",
|
|
468
|
+
"styleDeclaration": [
|
|
469
|
+
"max-block-size",
|
|
470
|
+
"maxBlockSize"
|
|
471
|
+
]
|
|
472
|
+
},
|
|
353
473
|
{
|
|
354
474
|
"name": "box-sizing",
|
|
355
475
|
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing",
|
|
@@ -371,7 +491,7 @@
|
|
|
371
491
|
},
|
|
372
492
|
{
|
|
373
493
|
"name": "border-box",
|
|
374
|
-
"prose": "
|
|
494
|
+
"prose": "Any <length-percentage> values in the sizing properties are applied to the border box, thus representing the box’s visually-apparent sizes: the padding and border of the box (but not its margins) are essentially laid out and drawn inside the used width and height, with the content box sized to fill the remaining space. More specifically, the content box width and height are calculated by subtracting the border and padding in the corresponding axis from the specified <length-percentage>, and flooring the result at zero (as the inner size of a box cannot be negative). Used values of the sizing properties, as exposed for instance through getComputedStyle(), also refer to the border box.",
|
|
375
495
|
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-box-sizing-border-box",
|
|
376
496
|
"type": "value",
|
|
377
497
|
"value": "border-box"
|
|
@@ -384,10 +504,17 @@
|
|
|
384
504
|
},
|
|
385
505
|
{
|
|
386
506
|
"name": "column-width",
|
|
387
|
-
"newValues": "
|
|
507
|
+
"newValues": "<box-size>",
|
|
388
508
|
"computedValue": "as specified, with <length-percentage> values computed",
|
|
389
509
|
"animationType": "by computed value type",
|
|
390
510
|
"values": [
|
|
511
|
+
{
|
|
512
|
+
"name": "stretch",
|
|
513
|
+
"prose": "Specifies the optimal column width as the stretch-fit inline size of the multi-column container.",
|
|
514
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-column-width-stretch",
|
|
515
|
+
"type": "value",
|
|
516
|
+
"value": "stretch"
|
|
517
|
+
},
|
|
391
518
|
{
|
|
392
519
|
"name": "min-content",
|
|
393
520
|
"prose": "Specifies the optimal column width as the min-content inline size of the multi-column container’s contents.",
|
|
@@ -403,10 +530,11 @@
|
|
|
403
530
|
"value": "max-content"
|
|
404
531
|
},
|
|
405
532
|
{
|
|
406
|
-
"name": "fit-content
|
|
407
|
-
"
|
|
408
|
-
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-column-width-fit-content
|
|
409
|
-
"type": "value"
|
|
533
|
+
"name": "fit-content",
|
|
534
|
+
"prose": "Specifies the optimal column width as min(max-content inline size, max(min-content inline size, stretch-fit inline size)).",
|
|
535
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#valdef-column-width-fit-content",
|
|
536
|
+
"type": "value",
|
|
537
|
+
"value": "fit-content"
|
|
410
538
|
}
|
|
411
539
|
],
|
|
412
540
|
"styleDeclaration": [
|
|
@@ -417,5 +545,12 @@
|
|
|
417
545
|
],
|
|
418
546
|
"atrules": [],
|
|
419
547
|
"selectors": [],
|
|
420
|
-
"values": [
|
|
548
|
+
"values": [
|
|
549
|
+
{
|
|
550
|
+
"name": "<box-size>",
|
|
551
|
+
"href": "https://drafts.csswg.org/css-sizing-3/#typedef-box-size",
|
|
552
|
+
"type": "type",
|
|
553
|
+
"value": "<length-percentage> | stretch | min-content | max-content | fit-content"
|
|
554
|
+
}
|
|
555
|
+
]
|
|
421
556
|
}
|