@webref/css 6.10.4 → 6.11.0
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.json +83 -8
- package/README.md +1 -0
- package/SVG.json +27 -0
- package/compat.json +75 -0
- package/compositing.json +22 -0
- package/css-align.json +59 -0
- package/css-anchor-position.json +80 -1
- package/css-animations-2.json +13 -0
- package/css-animations.json +34 -0
- package/css-backgrounds-4.json +12 -0
- package/css-backgrounds.json +78 -0
- package/css-borders.json +91 -0
- package/css-box.json +48 -0
- package/css-break.json +50 -0
- package/css-cascade-6.json +3 -0
- package/css-cascade.json +10 -0
- package/css-color-5.json +74 -0
- package/css-color-6.json +6 -0
- package/css-color-adjust.json +14 -0
- package/css-color.json +272 -0
- package/css-conditional-4.json +2 -0
- package/css-conditional-5.json +7 -0
- package/css-conditional.json +6 -0
- package/css-contain-3.json +27 -0
- package/css-contain.json +12 -0
- package/css-content.json +53 -0
- package/css-counter-styles.json +85 -0
- package/css-display.json +48 -0
- package/css-easing.json +24 -0
- package/css-env.json +11 -0
- package/css-exclusions.json +11 -0
- package/css-extensions.json +4 -0
- package/css-flexbox.json +24 -0
- package/css-fonts-5.json +46 -0
- package/css-fonts.json +205 -0
- package/css-gcpm-4.json +10 -4
- package/css-gcpm.json +13 -1
- package/css-grid-3.json +1 -0
- package/css-grid.json +88 -0
- package/css-highlight-api.json +3 -1
- package/css-images-4.json +49 -0
- package/css-images-5.json +3 -0
- package/css-images.json +46 -0
- package/css-inline.json +93 -0
- package/css-layout-api.json +1 -0
- package/css-line-grid.json +14 -0
- package/css-link-params.json +2 -0
- package/css-lists.json +34 -0
- package/css-logical.json +27 -0
- package/css-masking.json +69 -0
- package/css-multicol-2.json +5 -0
- package/css-multicol.json +19 -0
- package/css-namespaces.json +2 -0
- package/css-nav.json +10 -0
- package/css-nesting.json +2 -1
- package/css-overflow-4.json +37 -1
- package/css-overflow.json +38 -0
- package/css-overscroll.json +20 -0
- package/css-page-floats.json +34 -0
- package/css-page.json +52 -0
- package/css-paint-api.json +1 -0
- package/css-position-4.json +5 -1
- package/css-position.json +50 -0
- package/css-properties-values-api.json +4 -0
- package/css-pseudo.json +23 -10
- package/css-regions.json +3 -0
- package/css-rhythm.json +15 -0
- package/css-round-display.json +8 -0
- package/css-ruby.json +22 -0
- package/css-scoping.json +8 -4
- package/css-scroll-anchoring.json +3 -0
- package/css-scroll-snap-2.json +55 -5
- package/css-scroll-snap.json +53 -0
- package/css-scrollbars.json +7 -0
- package/css-shadow-parts.json +1 -0
- package/css-shapes-2.json +34 -0
- package/css-shapes.json +22 -0
- package/css-size-adjust.json +4 -0
- package/css-sizing-4.json +59 -0
- package/css-sizing.json +42 -0
- package/css-speech.json +115 -0
- package/css-syntax.json +43 -0
- package/css-tables.json +5 -0
- package/css-text-4.json +161 -0
- package/css-text-decor-4.json +75 -0
- package/css-text-decor.json +32 -0
- package/css-text.json +70 -0
- package/css-transforms-2.json +37 -0
- package/css-transforms.json +26 -0
- package/css-transitions-2.json +4 -0
- package/css-transitions.json +9 -0
- package/css-ui.json +92 -0
- package/css-values-5.json +59 -0
- package/css-values.json +115 -0
- package/css-variables.json +2 -0
- package/css-view-transitions-2.json +8 -1
- package/css-view-transitions.json +15 -5
- package/css-viewport.json +43 -0
- package/css-will-change.json +6 -0
- package/css-writing-modes.json +26 -0
- package/fill-stroke.json +66 -0
- package/filter-effects-2.json +1 -0
- package/filter-effects.json +24 -0
- package/html.json +3 -0
- package/mathml-core.json +3 -0
- package/mediaqueries-5.json +121 -0
- package/mediaqueries.json +77 -0
- package/motion.json +32 -0
- package/package.json +1 -1
- package/scroll-animations.json +54 -0
- package/selectors.json +173 -72
- package/svg-strokes.json +3 -0
- package/upgrade-insecure-requests.json +2 -0
- package/webvtt.json +8 -4
package/compositing.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "mix-blend-mode",
|
|
9
|
+
"href": "https://drafts.fxtf.org/compositing-2/#propdef-mix-blend-mode",
|
|
9
10
|
"value": "<blend-mode> | plus-darker | plus-lighter",
|
|
10
11
|
"initial": "normal",
|
|
11
12
|
"appliesTo": "All elements. In SVG, it applies to container elements, graphics elements and graphics referencing elements. [SVG11]",
|
|
@@ -22,6 +23,7 @@
|
|
|
22
23
|
},
|
|
23
24
|
{
|
|
24
25
|
"name": "isolation",
|
|
26
|
+
"href": "https://drafts.fxtf.org/compositing-2/#propdef-isolation",
|
|
25
27
|
"value": "<isolation-mode>",
|
|
26
28
|
"initial": "auto",
|
|
27
29
|
"appliesTo": "All elements. In SVG, it applies to container elements, graphics elements and graphics referencing elements. [SVG11]",
|
|
@@ -37,6 +39,7 @@
|
|
|
37
39
|
},
|
|
38
40
|
{
|
|
39
41
|
"name": "background-blend-mode",
|
|
42
|
+
"href": "https://drafts.fxtf.org/compositing-2/#propdef-background-blend-mode",
|
|
40
43
|
"value": "<mix-blend-mode>#",
|
|
41
44
|
"initial": "normal",
|
|
42
45
|
"appliesTo": "All HTML elements",
|
|
@@ -57,86 +60,103 @@
|
|
|
57
60
|
"values": [
|
|
58
61
|
{
|
|
59
62
|
"name": "<blend-mode>",
|
|
63
|
+
"href": "https://drafts.fxtf.org/compositing-2/#ltblendmodegt",
|
|
60
64
|
"type": "type",
|
|
61
65
|
"value": "normal | multiply | screen | overlay | darken | lighten | color-dodge |color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity",
|
|
62
66
|
"values": [
|
|
63
67
|
{
|
|
64
68
|
"name": "normal",
|
|
69
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-normal",
|
|
65
70
|
"type": "value",
|
|
66
71
|
"value": "normal"
|
|
67
72
|
},
|
|
68
73
|
{
|
|
69
74
|
"name": "multiply",
|
|
75
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-multiply",
|
|
70
76
|
"type": "value",
|
|
71
77
|
"value": "multiply"
|
|
72
78
|
},
|
|
73
79
|
{
|
|
74
80
|
"name": "screen",
|
|
81
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-screen",
|
|
75
82
|
"type": "value",
|
|
76
83
|
"value": "screen"
|
|
77
84
|
},
|
|
78
85
|
{
|
|
79
86
|
"name": "overlay",
|
|
87
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-overlay",
|
|
80
88
|
"type": "value",
|
|
81
89
|
"value": "overlay"
|
|
82
90
|
},
|
|
83
91
|
{
|
|
84
92
|
"name": "darken",
|
|
93
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-darken",
|
|
85
94
|
"type": "value",
|
|
86
95
|
"value": "darken"
|
|
87
96
|
},
|
|
88
97
|
{
|
|
89
98
|
"name": "lighten",
|
|
99
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-lighten",
|
|
90
100
|
"type": "value",
|
|
91
101
|
"value": "lighten"
|
|
92
102
|
},
|
|
93
103
|
{
|
|
94
104
|
"name": "color-dodge",
|
|
105
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-color-dodge",
|
|
95
106
|
"type": "value",
|
|
96
107
|
"value": "color-dodge"
|
|
97
108
|
},
|
|
98
109
|
{
|
|
99
110
|
"name": "color-burn",
|
|
111
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-color-burn",
|
|
100
112
|
"type": "value",
|
|
101
113
|
"value": "color-burn"
|
|
102
114
|
},
|
|
103
115
|
{
|
|
104
116
|
"name": "hard-light",
|
|
117
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-hard-light",
|
|
105
118
|
"type": "value",
|
|
106
119
|
"value": "hard-light"
|
|
107
120
|
},
|
|
108
121
|
{
|
|
109
122
|
"name": "soft-light",
|
|
123
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-soft-light",
|
|
110
124
|
"type": "value",
|
|
111
125
|
"value": "soft-light"
|
|
112
126
|
},
|
|
113
127
|
{
|
|
114
128
|
"name": "difference",
|
|
129
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-difference",
|
|
115
130
|
"type": "value",
|
|
116
131
|
"value": "difference"
|
|
117
132
|
},
|
|
118
133
|
{
|
|
119
134
|
"name": "exclusion",
|
|
135
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-exclusion",
|
|
120
136
|
"type": "value",
|
|
121
137
|
"value": "exclusion"
|
|
122
138
|
},
|
|
123
139
|
{
|
|
124
140
|
"name": "hue",
|
|
141
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-hue",
|
|
125
142
|
"type": "value",
|
|
126
143
|
"value": "hue"
|
|
127
144
|
},
|
|
128
145
|
{
|
|
129
146
|
"name": "saturation",
|
|
147
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-saturation",
|
|
130
148
|
"type": "value",
|
|
131
149
|
"value": "saturation"
|
|
132
150
|
},
|
|
133
151
|
{
|
|
134
152
|
"name": "color",
|
|
153
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-color",
|
|
135
154
|
"type": "value",
|
|
136
155
|
"value": "color"
|
|
137
156
|
},
|
|
138
157
|
{
|
|
139
158
|
"name": "luminosity",
|
|
159
|
+
"href": "https://drafts.fxtf.org/compositing-2/#valdef-blend-mode-luminosity",
|
|
140
160
|
"type": "value",
|
|
141
161
|
"value": "luminosity"
|
|
142
162
|
}
|
|
@@ -144,11 +164,13 @@
|
|
|
144
164
|
},
|
|
145
165
|
{
|
|
146
166
|
"name": "<isolation-mode>",
|
|
167
|
+
"href": "https://drafts.fxtf.org/compositing-2/#isolated-propid",
|
|
147
168
|
"type": "type",
|
|
148
169
|
"value": "auto | isolate"
|
|
149
170
|
},
|
|
150
171
|
{
|
|
151
172
|
"name": "<composite-mode>",
|
|
173
|
+
"href": "https://drafts.fxtf.org/compositing-2/#compositemode",
|
|
152
174
|
"type": "type",
|
|
153
175
|
"value": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter"
|
|
154
176
|
}
|
package/css-align.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "align-content",
|
|
9
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-align-content",
|
|
9
10
|
"value": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
|
|
10
11
|
"initial": "normal",
|
|
11
12
|
"appliesTo": "block containers, multicol containers, flex containers, and grid containers",
|
|
@@ -18,6 +19,7 @@
|
|
|
18
19
|
{
|
|
19
20
|
"name": "normal",
|
|
20
21
|
"prose": "Aligns the contents of the box as a whole (as the alignment subject) within the box itself (as the alignment container): along the inline/row/main axis of the box (for justify-content) or the block/column/cross axis of the box (for align-content). Values other than normal are defined in § 4 Alignment Keywords, above.",
|
|
22
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-normal",
|
|
21
23
|
"type": "value",
|
|
22
24
|
"value": "normal"
|
|
23
25
|
}
|
|
@@ -29,6 +31,7 @@
|
|
|
29
31
|
},
|
|
30
32
|
{
|
|
31
33
|
"name": "justify-content",
|
|
34
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-justify-content",
|
|
32
35
|
"value": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
|
|
33
36
|
"initial": "normal",
|
|
34
37
|
"appliesTo": "multicol containers, flex containers, and grid containers",
|
|
@@ -41,18 +44,21 @@
|
|
|
41
44
|
{
|
|
42
45
|
"name": "left",
|
|
43
46
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s line-left or physical left edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
|
|
47
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-left",
|
|
44
48
|
"type": "value",
|
|
45
49
|
"value": "left"
|
|
46
50
|
},
|
|
47
51
|
{
|
|
48
52
|
"name": "right",
|
|
49
53
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s line-right or physical right edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
|
|
54
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-right",
|
|
50
55
|
"type": "value",
|
|
51
56
|
"value": "right"
|
|
52
57
|
},
|
|
53
58
|
{
|
|
54
59
|
"name": "normal",
|
|
55
60
|
"prose": "Aligns the contents of the box as a whole (as the alignment subject) within the box itself (as the alignment container): along the inline/row/main axis of the box (for justify-content) or the block/column/cross axis of the box (for align-content). Values other than normal are defined in § 4 Alignment Keywords, above.",
|
|
61
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-normal",
|
|
56
62
|
"type": "value",
|
|
57
63
|
"value": "normal"
|
|
58
64
|
}
|
|
@@ -64,6 +70,7 @@
|
|
|
64
70
|
},
|
|
65
71
|
{
|
|
66
72
|
"name": "place-content",
|
|
73
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-place-content",
|
|
67
74
|
"value": "<'align-content'> <'justify-content'>?",
|
|
68
75
|
"initial": "normal",
|
|
69
76
|
"appliesTo": "block containers, flex containers, and grid containers",
|
|
@@ -79,6 +86,7 @@
|
|
|
79
86
|
},
|
|
80
87
|
{
|
|
81
88
|
"name": "justify-self",
|
|
89
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-justify-self",
|
|
82
90
|
"value": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
|
|
83
91
|
"initial": "auto",
|
|
84
92
|
"appliesTo": "block-level boxes, absolutely-positioned boxes, and grid items",
|
|
@@ -91,30 +99,35 @@
|
|
|
91
99
|
{
|
|
92
100
|
"name": "left",
|
|
93
101
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s line-left or physical left edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
|
|
102
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-left",
|
|
94
103
|
"type": "value",
|
|
95
104
|
"value": "left"
|
|
96
105
|
},
|
|
97
106
|
{
|
|
98
107
|
"name": "right",
|
|
99
108
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s line-right or physical right edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
|
|
109
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-right",
|
|
100
110
|
"type": "value",
|
|
101
111
|
"value": "right"
|
|
102
112
|
},
|
|
103
113
|
{
|
|
104
114
|
"name": "auto",
|
|
105
115
|
"prose": "Behaves as normal if the box has no parent, or when determining the actual position of an absolutely positioned box. It behaves as the computed justify-items value of the parent box (minus any legacy keywords) otherwise (including when determining the static position of an absolutely positioned box).",
|
|
116
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-auto",
|
|
106
117
|
"type": "value",
|
|
107
118
|
"value": "auto"
|
|
108
119
|
},
|
|
109
120
|
{
|
|
110
121
|
"name": "normal",
|
|
111
122
|
"prose": "Represents the “default” alignment for the layout mode. Its behavior depends on the layout mode, as described below.",
|
|
123
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal",
|
|
112
124
|
"type": "value",
|
|
113
125
|
"value": "normal"
|
|
114
126
|
},
|
|
115
127
|
{
|
|
116
128
|
"name": "stretch",
|
|
117
129
|
"prose": "When the box’s computed width/height (as appropriate to the axis) is auto and neither of its margins (in the appropriate axis) are auto, sets the box’s used size to the length necessary to make its outer size as close to filling the alignment container as possible while still respecting the constraints imposed by min-height/min-width/max-height/max-width. Unless otherwise specified, this value falls back to flex-start generally, and to self-start or self-end if the box has also specified first baseline or last baseline baseline content-alignment (respectively) in the same axis.",
|
|
130
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch",
|
|
118
131
|
"type": "value",
|
|
119
132
|
"value": "stretch"
|
|
120
133
|
}
|
|
@@ -126,6 +139,7 @@
|
|
|
126
139
|
},
|
|
127
140
|
{
|
|
128
141
|
"name": "align-self",
|
|
142
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-align-self",
|
|
129
143
|
"value": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
|
|
130
144
|
"initial": "auto",
|
|
131
145
|
"appliesTo": "flex items, grid items, and absolutely-positioned boxes",
|
|
@@ -138,18 +152,21 @@
|
|
|
138
152
|
{
|
|
139
153
|
"name": "auto",
|
|
140
154
|
"prose": "Behaves as normal if the box has no parent, or when determining the actual position of an absolutely positioned box. It behaves as the computed align-items value of the parent box (minus any legacy keywords) otherwise (including when determining the static position of an absolutely positioned box).",
|
|
155
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-align-self-auto",
|
|
141
156
|
"type": "value",
|
|
142
157
|
"value": "auto"
|
|
143
158
|
},
|
|
144
159
|
{
|
|
145
160
|
"name": "normal",
|
|
146
161
|
"prose": "Represents the “default” alignment for the layout mode, as defined below.",
|
|
162
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-align-self-normal",
|
|
147
163
|
"type": "value",
|
|
148
164
|
"value": "normal"
|
|
149
165
|
},
|
|
150
166
|
{
|
|
151
167
|
"name": "stretch",
|
|
152
168
|
"prose": "As defined for justify-self in § 6.1 Inline-Axis (or Main-Axis) Alignment: the justify-self property.",
|
|
169
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-align-self-stretch",
|
|
153
170
|
"type": "value",
|
|
154
171
|
"value": "stretch"
|
|
155
172
|
}
|
|
@@ -161,6 +178,7 @@
|
|
|
161
178
|
},
|
|
162
179
|
{
|
|
163
180
|
"name": "place-self",
|
|
181
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-place-self",
|
|
164
182
|
"value": "<'align-self'> <'justify-self'>?",
|
|
165
183
|
"initial": "auto",
|
|
166
184
|
"appliesTo": "block-level boxes, absolutely-positioned boxes, and grid items",
|
|
@@ -176,6 +194,7 @@
|
|
|
176
194
|
},
|
|
177
195
|
{
|
|
178
196
|
"name": "justify-items",
|
|
197
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-justify-items",
|
|
179
198
|
"value": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
|
|
180
199
|
"initial": "legacy",
|
|
181
200
|
"appliesTo": "all elements",
|
|
@@ -188,18 +207,21 @@
|
|
|
188
207
|
{
|
|
189
208
|
"name": "left",
|
|
190
209
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s line-left or physical left edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
|
|
210
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-left",
|
|
191
211
|
"type": "value",
|
|
192
212
|
"value": "left"
|
|
193
213
|
},
|
|
194
214
|
{
|
|
195
215
|
"name": "right",
|
|
196
216
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s line-right or physical right edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
|
|
217
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-right",
|
|
197
218
|
"type": "value",
|
|
198
219
|
"value": "right"
|
|
199
220
|
},
|
|
200
221
|
{
|
|
201
222
|
"name": "legacy",
|
|
202
223
|
"prose": "This keyword causes the value to effectively inherit into descendants. If the legacy keyword appears on its own (without an accompanying left, right, or center keyword): if the inherited value of justify-items includes the legacy keyword, this value computes to the inherited value; otherwise it computes to normal. When justify-self:auto references the value of justify-items, only the alignment keyword, not the legacy keyword, is referenced by it. It exists to implement the legacy alignment behavior of HTML’s <center> element and align attribute.",
|
|
224
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-items-legacy",
|
|
203
225
|
"type": "value",
|
|
204
226
|
"value": "legacy"
|
|
205
227
|
}
|
|
@@ -211,6 +233,7 @@
|
|
|
211
233
|
},
|
|
212
234
|
{
|
|
213
235
|
"name": "align-items",
|
|
236
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-align-items",
|
|
214
237
|
"value": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
|
|
215
238
|
"initial": "normal",
|
|
216
239
|
"appliesTo": "all elements",
|
|
@@ -226,6 +249,7 @@
|
|
|
226
249
|
},
|
|
227
250
|
{
|
|
228
251
|
"name": "place-items",
|
|
252
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-place-items",
|
|
229
253
|
"value": "<'align-items'> <'justify-items'>?",
|
|
230
254
|
"initial": "see individual properties",
|
|
231
255
|
"appliesTo": "all elements",
|
|
@@ -241,6 +265,7 @@
|
|
|
241
265
|
},
|
|
242
266
|
{
|
|
243
267
|
"name": "row-gap",
|
|
268
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-row-gap",
|
|
244
269
|
"value": "normal | <length-percentage [0,∞]>",
|
|
245
270
|
"initial": "normal",
|
|
246
271
|
"appliesTo": "multi-column containers, flex containers, grid containers",
|
|
@@ -253,6 +278,7 @@
|
|
|
253
278
|
{
|
|
254
279
|
"name": "normal",
|
|
255
280
|
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
281
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
256
282
|
"type": "value",
|
|
257
283
|
"value": "normal"
|
|
258
284
|
}
|
|
@@ -264,6 +290,7 @@
|
|
|
264
290
|
},
|
|
265
291
|
{
|
|
266
292
|
"name": "column-gap",
|
|
293
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-column-gap",
|
|
267
294
|
"value": "normal | <length-percentage [0,∞]>",
|
|
268
295
|
"initial": "normal",
|
|
269
296
|
"appliesTo": "multi-column containers, flex containers, grid containers",
|
|
@@ -276,6 +303,7 @@
|
|
|
276
303
|
{
|
|
277
304
|
"name": "normal",
|
|
278
305
|
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
306
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
279
307
|
"type": "value",
|
|
280
308
|
"value": "normal"
|
|
281
309
|
}
|
|
@@ -287,6 +315,7 @@
|
|
|
287
315
|
},
|
|
288
316
|
{
|
|
289
317
|
"name": "gap",
|
|
318
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-gap",
|
|
290
319
|
"value": "<'row-gap'> <'column-gap'>?",
|
|
291
320
|
"initial": "see individual properties",
|
|
292
321
|
"appliesTo": "multi-column containers, flex containers, grid containers",
|
|
@@ -299,6 +328,7 @@
|
|
|
299
328
|
{
|
|
300
329
|
"name": "normal",
|
|
301
330
|
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
331
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
302
332
|
"type": "value",
|
|
303
333
|
"value": "normal"
|
|
304
334
|
}
|
|
@@ -309,6 +339,7 @@
|
|
|
309
339
|
},
|
|
310
340
|
{
|
|
311
341
|
"name": "grid-row-gap",
|
|
342
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-grid-row-gap",
|
|
312
343
|
"styleDeclaration": [
|
|
313
344
|
"grid-row-gap",
|
|
314
345
|
"gridRowGap"
|
|
@@ -316,6 +347,7 @@
|
|
|
316
347
|
},
|
|
317
348
|
{
|
|
318
349
|
"name": "grid-column-gap",
|
|
350
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-grid-column-gap",
|
|
319
351
|
"styleDeclaration": [
|
|
320
352
|
"grid-column-gap",
|
|
321
353
|
"gridColumnGap"
|
|
@@ -323,6 +355,7 @@
|
|
|
323
355
|
},
|
|
324
356
|
{
|
|
325
357
|
"name": "grid-gap",
|
|
358
|
+
"href": "https://drafts.csswg.org/css-align-3/#propdef-grid-gap",
|
|
326
359
|
"styleDeclaration": [
|
|
327
360
|
"grid-gap",
|
|
328
361
|
"gridGap"
|
|
@@ -334,48 +367,56 @@
|
|
|
334
367
|
"values": [
|
|
335
368
|
{
|
|
336
369
|
"name": "<self-position>",
|
|
370
|
+
"href": "https://drafts.csswg.org/css-align-3/#typedef-self-position",
|
|
337
371
|
"type": "type",
|
|
338
372
|
"value": "center | start | end | self-start | self-end | flex-start | flex-end",
|
|
339
373
|
"values": [
|
|
340
374
|
{
|
|
341
375
|
"name": "center",
|
|
342
376
|
"prose": "Centers the alignment subject within its alignment container.",
|
|
377
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-center",
|
|
343
378
|
"type": "value",
|
|
344
379
|
"value": "center"
|
|
345
380
|
},
|
|
346
381
|
{
|
|
347
382
|
"name": "start",
|
|
348
383
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s start edge in the appropriate axis.",
|
|
384
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-start",
|
|
349
385
|
"type": "value",
|
|
350
386
|
"value": "start"
|
|
351
387
|
},
|
|
352
388
|
{
|
|
353
389
|
"name": "end",
|
|
354
390
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s end edge in the appropriate axis.",
|
|
391
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-end",
|
|
355
392
|
"type": "value",
|
|
356
393
|
"value": "end"
|
|
357
394
|
},
|
|
358
395
|
{
|
|
359
396
|
"name": "self-start",
|
|
360
397
|
"prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the alignment subject’s start side in the appropriate axis.",
|
|
398
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-self-start",
|
|
361
399
|
"type": "value",
|
|
362
400
|
"value": "self-start"
|
|
363
401
|
},
|
|
364
402
|
{
|
|
365
403
|
"name": "self-end",
|
|
366
404
|
"prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the alignment subject’s end side in the appropriate axis.",
|
|
405
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-self-end",
|
|
367
406
|
"type": "value",
|
|
368
407
|
"value": "self-end"
|
|
369
408
|
},
|
|
370
409
|
{
|
|
371
410
|
"name": "flex-start",
|
|
372
411
|
"prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
|
|
412
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-start",
|
|
373
413
|
"type": "value",
|
|
374
414
|
"value": "flex-start"
|
|
375
415
|
},
|
|
376
416
|
{
|
|
377
417
|
"name": "flex-end",
|
|
378
418
|
"prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
|
|
419
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-end",
|
|
379
420
|
"type": "value",
|
|
380
421
|
"value": "flex-end"
|
|
381
422
|
}
|
|
@@ -383,36 +424,42 @@
|
|
|
383
424
|
},
|
|
384
425
|
{
|
|
385
426
|
"name": "<content-position>",
|
|
427
|
+
"href": "https://drafts.csswg.org/css-align-3/#typedef-content-position",
|
|
386
428
|
"type": "type",
|
|
387
429
|
"value": "center | start | end | flex-start | flex-end",
|
|
388
430
|
"values": [
|
|
389
431
|
{
|
|
390
432
|
"name": "center",
|
|
391
433
|
"prose": "Centers the alignment subject within its alignment container.",
|
|
434
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-center",
|
|
392
435
|
"type": "value",
|
|
393
436
|
"value": "center"
|
|
394
437
|
},
|
|
395
438
|
{
|
|
396
439
|
"name": "start",
|
|
397
440
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s start edge in the appropriate axis.",
|
|
441
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-start",
|
|
398
442
|
"type": "value",
|
|
399
443
|
"value": "start"
|
|
400
444
|
},
|
|
401
445
|
{
|
|
402
446
|
"name": "end",
|
|
403
447
|
"prose": "Aligns the alignment subject to be flush with the alignment container’s end edge in the appropriate axis.",
|
|
448
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-end",
|
|
404
449
|
"type": "value",
|
|
405
450
|
"value": "end"
|
|
406
451
|
},
|
|
407
452
|
{
|
|
408
453
|
"name": "flex-start",
|
|
409
454
|
"prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
|
|
455
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-start",
|
|
410
456
|
"type": "value",
|
|
411
457
|
"value": "flex-start"
|
|
412
458
|
},
|
|
413
459
|
{
|
|
414
460
|
"name": "flex-end",
|
|
415
461
|
"prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
|
|
462
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-end",
|
|
416
463
|
"type": "value",
|
|
417
464
|
"value": "flex-end"
|
|
418
465
|
}
|
|
@@ -420,24 +467,28 @@
|
|
|
420
467
|
},
|
|
421
468
|
{
|
|
422
469
|
"name": "<baseline-position>",
|
|
470
|
+
"href": "https://drafts.csswg.org/css-align-3/#typedef-baseline-position",
|
|
423
471
|
"type": "type",
|
|
424
472
|
"value": "[ first | last ]? && baseline",
|
|
425
473
|
"values": [
|
|
426
474
|
{
|
|
427
475
|
"name": "baseline",
|
|
428
476
|
"prose": "Computes to first baseline, defined below.",
|
|
477
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline",
|
|
429
478
|
"type": "value",
|
|
430
479
|
"value": "baseline"
|
|
431
480
|
},
|
|
432
481
|
{
|
|
433
482
|
"name": "first baseline",
|
|
434
483
|
"prose": "Specifies participation in first-baseline alignment: aligns the alignment baseline of the box’s first baseline set with the corresponding baseline of its baseline-sharing group. See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for first baseline is safe self-start (for self-alignment) or safe start (for content-distribution).",
|
|
484
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-first-baseline",
|
|
435
485
|
"type": "value",
|
|
436
486
|
"value": "first baseline"
|
|
437
487
|
},
|
|
438
488
|
{
|
|
439
489
|
"name": "last baseline",
|
|
440
490
|
"prose": "Specifies participation in last-baseline alignment: aligns the alignment baseline of the box’s last baseline set with the corresponding baseline of its baseline-sharing group.̣ See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for last baseline is safe self-end (for self-alignment) or safe end (for content-distribution).",
|
|
491
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-last-baseline",
|
|
441
492
|
"type": "value",
|
|
442
493
|
"value": "last baseline"
|
|
443
494
|
}
|
|
@@ -445,30 +496,35 @@
|
|
|
445
496
|
},
|
|
446
497
|
{
|
|
447
498
|
"name": "<content-distribution>",
|
|
499
|
+
"href": "https://drafts.csswg.org/css-align-3/#typedef-content-distribution",
|
|
448
500
|
"type": "type",
|
|
449
501
|
"value": "space-between | space-around | space-evenly | stretch",
|
|
450
502
|
"values": [
|
|
451
503
|
{
|
|
452
504
|
"name": "space-between",
|
|
453
505
|
"prose": "The alignment subjects are evenly distributed in the alignment container. The first alignment subject is placed flush with the start edge of the alignment container, the last alignment subject is placed flush with the end edge of the alignment container, and the remaining alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same. The default fallback alignment for this value is flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
|
|
506
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-between",
|
|
454
507
|
"type": "value",
|
|
455
508
|
"value": "space-between"
|
|
456
509
|
},
|
|
457
510
|
{
|
|
458
511
|
"name": "space-around",
|
|
459
512
|
"prose": "The alignment subjects are evenly distributed in the alignment container, with a half-size space on either end. The alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same, and the spacing before the first and after the last alignment subject is half the size of the other spacing. The default fallback alignment for this value is safe center.",
|
|
513
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-around",
|
|
460
514
|
"type": "value",
|
|
461
515
|
"value": "space-around"
|
|
462
516
|
},
|
|
463
517
|
{
|
|
464
518
|
"name": "space-evenly",
|
|
465
519
|
"prose": "The alignment subjects are evenly distributed in the alignment container, with a full-size space on either end. The alignment subjects are distributed so that the spacing between any two adjacent alignment subjects, before the first alignment subject, and after the last alignment subject is the same. The default fallback alignment for this value is safe center.",
|
|
520
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-evenly",
|
|
466
521
|
"type": "value",
|
|
467
522
|
"value": "space-evenly"
|
|
468
523
|
},
|
|
469
524
|
{
|
|
470
525
|
"name": "stretch",
|
|
471
526
|
"prose": "If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container. The default fallback alignment for this value is flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
|
|
527
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-stretch",
|
|
472
528
|
"type": "value",
|
|
473
529
|
"value": "stretch"
|
|
474
530
|
}
|
|
@@ -476,18 +532,21 @@
|
|
|
476
532
|
},
|
|
477
533
|
{
|
|
478
534
|
"name": "<overflow-position>",
|
|
535
|
+
"href": "https://drafts.csswg.org/css-align-3/#typedef-overflow-position",
|
|
479
536
|
"type": "type",
|
|
480
537
|
"value": "unsafe | safe",
|
|
481
538
|
"values": [
|
|
482
539
|
{
|
|
483
540
|
"name": "safe",
|
|
484
541
|
"prose": "If the size of the alignment subject overflows the alignment container, the alignment subject is instead aligned as if the alignment mode were start.",
|
|
542
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-overflow-position-safe",
|
|
485
543
|
"type": "value",
|
|
486
544
|
"value": "safe"
|
|
487
545
|
},
|
|
488
546
|
{
|
|
489
547
|
"name": "unsafe",
|
|
490
548
|
"prose": "Regardless of the relative sizes of the alignment subject and alignment container, the given alignment value is honored.",
|
|
549
|
+
"href": "https://drafts.csswg.org/css-align-3/#valdef-overflow-position-unsafe",
|
|
491
550
|
"type": "value",
|
|
492
551
|
"value": "unsafe"
|
|
493
552
|
}
|