@webref/css 6.22.0 → 7.0.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +37 -22
  3. package/css.json +17754 -0
  4. package/index.js +2 -9
  5. package/package.json +1 -1
  6. package/CSS.json +0 -559
  7. package/SVG.json +0 -387
  8. package/compat.json +0 -784
  9. package/compositing.json +0 -178
  10. package/css-align.json +0 -559
  11. package/css-anchor-position.json +0 -1042
  12. package/css-animations-2.json +0 -377
  13. package/css-animations.json +0 -337
  14. package/css-backgrounds-4.json +0 -402
  15. package/css-backgrounds.json +0 -732
  16. package/css-borders.json +0 -1636
  17. package/css-box.json +0 -484
  18. package/css-break.json +0 -444
  19. package/css-cascade-6.json +0 -31
  20. package/css-cascade.json +0 -91
  21. package/css-color-5.json +0 -527
  22. package/css-color-6.json +0 -60
  23. package/css-color-adjust.json +0 -151
  24. package/css-color-hdr.json +0 -183
  25. package/css-color.json +0 -1759
  26. package/css-conditional-4.json +0 -23
  27. package/css-conditional-5.json +0 -505
  28. package/css-conditional.json +0 -50
  29. package/css-contain.json +0 -123
  30. package/css-content.json +0 -466
  31. package/css-counter-styles.json +0 -613
  32. package/css-display.json +0 -444
  33. package/css-easing.json +0 -149
  34. package/css-env.json +0 -109
  35. package/css-exclusions.json +0 -108
  36. package/css-extensions.json +0 -36
  37. package/css-flexbox.json +0 -259
  38. package/css-fonts-5.json +0 -385
  39. package/css-fonts.json +0 -1754
  40. package/css-forms.json +0 -263
  41. package/css-gaps.json +0 -544
  42. package/css-gcpm-4.json +0 -55
  43. package/css-gcpm.json +0 -138
  44. package/css-grid-3.json +0 -335
  45. package/css-grid.json +0 -824
  46. package/css-images-4.json +0 -367
  47. package/css-images-5.json +0 -43
  48. package/css-images.json +0 -373
  49. package/css-inline.json +0 -903
  50. package/css-layout-api.json +0 -21
  51. package/css-line-grid.json +0 -142
  52. package/css-link-params.json +0 -34
  53. package/css-lists.json +0 -337
  54. package/css-logical.json +0 -396
  55. package/css-masking.json +0 -717
  56. package/css-mixins.json +0 -52
  57. package/css-multicol.json +0 -252
  58. package/css-namespaces.json +0 -25
  59. package/css-nav.json +0 -121
  60. package/css-nesting.json +0 -16
  61. package/css-overflow-4.json +0 -428
  62. package/css-overflow-5.json +0 -223
  63. package/css-overflow.json +0 -379
  64. package/css-overscroll.json +0 -215
  65. package/css-page-floats.json +0 -296
  66. package/css-page.json +0 -382
  67. package/css-paint-api.json +0 -17
  68. package/css-position-4.json +0 -48
  69. package/css-position.json +0 -495
  70. package/css-properties-values-api.json +0 -39
  71. package/css-pseudo.json +0 -85
  72. package/css-regions.json +0 -59
  73. package/css-rhythm.json +0 -181
  74. package/css-round-display.json +0 -85
  75. package/css-ruby.json +0 -221
  76. package/css-scoping.json +0 -36
  77. package/css-scroll-anchoring.json +0 -43
  78. package/css-scroll-snap-2.json +0 -69
  79. package/css-scroll-snap.json +0 -643
  80. package/css-scrollbars.json +0 -82
  81. package/css-shadow-parts.json +0 -17
  82. package/css-shapes-2.json +0 -273
  83. package/css-shapes.json +0 -200
  84. package/css-size-adjust.json +0 -50
  85. package/css-sizing-4.json +0 -601
  86. package/css-sizing.json +0 -427
  87. package/css-speech.json +0 -985
  88. package/css-syntax.json +0 -263
  89. package/css-tables.json +0 -91
  90. package/css-text-4.json +0 -1516
  91. package/css-text-decor-4.json +0 -741
  92. package/css-text-decor.json +0 -337
  93. package/css-text.json +0 -670
  94. package/css-transforms-2.json +0 -329
  95. package/css-transforms.json +0 -213
  96. package/css-transitions-2.json +0 -47
  97. package/css-transitions.json +0 -119
  98. package/css-ui.json +0 -818
  99. package/css-values-5.json +0 -651
  100. package/css-values.json +0 -790
  101. package/css-variables.json +0 -29
  102. package/css-view-transitions-2.json +0 -151
  103. package/css-view-transitions.json +0 -76
  104. package/css-viewport.json +0 -43
  105. package/css-will-change.json +0 -64
  106. package/css-writing-modes.json +0 -256
  107. package/fill-stroke.json +0 -755
  108. package/filter-effects-2.json +0 -28
  109. package/filter-effects.json +0 -220
  110. package/html.json +0 -29
  111. package/mathml-core.json +0 -69
  112. package/mediaqueries-5.json +0 -915
  113. package/mediaqueries.json +0 -549
  114. package/motion.json +0 -303
  115. package/scroll-animations.json +0 -519
  116. package/selectors-5.json +0 -21
  117. package/selectors.json +0 -546
  118. package/svg-strokes.json +0 -59
  119. package/upgrade-insecure-requests.json +0 -28
  120. package/webvtt.json +0 -31
  121. package/webxr-dom-overlays.json +0 -16
package/css-env.json DELETED
@@ -1,109 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Environment Variables Module Level 1",
4
- "url": "https://drafts.csswg.org/css-env-1/"
5
- },
6
- "properties": [],
7
- "atrules": [],
8
- "selectors": [],
9
- "values": [
10
- {
11
- "name": "env()",
12
- "href": "https://drafts.csswg.org/css-env-1/#funcdef-env",
13
- "type": "function",
14
- "value": "env( <custom-ident> <integer [0,∞]>*, <declaration-value>? )",
15
- "values": [
16
- {
17
- "name": "safe-area-inset-top",
18
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-top",
19
- "type": "value",
20
- "value": "safe-area-inset-top"
21
- },
22
- {
23
- "name": "safe-area-inset-right",
24
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-right",
25
- "type": "value",
26
- "value": "safe-area-inset-right"
27
- },
28
- {
29
- "name": "safe-area-inset-bottom",
30
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-bottom",
31
- "type": "value",
32
- "value": "safe-area-inset-bottom"
33
- },
34
- {
35
- "name": "safe-area-inset-left",
36
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-left",
37
- "type": "value",
38
- "value": "safe-area-inset-left"
39
- },
40
- {
41
- "name": "safe-area-max-inset-top",
42
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-top",
43
- "type": "value",
44
- "value": "safe-area-max-inset-top"
45
- },
46
- {
47
- "name": "safe-area-max-inset-right",
48
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-right",
49
- "type": "value",
50
- "value": "safe-area-max-inset-right"
51
- },
52
- {
53
- "name": "safe-area-max-inset-bottom",
54
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-bottom",
55
- "type": "value",
56
- "value": "safe-area-max-inset-bottom"
57
- },
58
- {
59
- "name": "safe-area-max-inset-left",
60
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-left",
61
- "type": "value",
62
- "value": "safe-area-max-inset-left"
63
- },
64
- {
65
- "name": "viewport-segment-width",
66
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-width",
67
- "type": "value",
68
- "value": "viewport-segment-width"
69
- },
70
- {
71
- "name": "viewport-segment-height",
72
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-height",
73
- "type": "value",
74
- "value": "viewport-segment-height"
75
- },
76
- {
77
- "name": "viewport-segment-top",
78
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-top",
79
- "type": "value",
80
- "value": "viewport-segment-top"
81
- },
82
- {
83
- "name": "viewport-segment-left",
84
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-left",
85
- "type": "value",
86
- "value": "viewport-segment-left"
87
- },
88
- {
89
- "name": "viewport-segment-bottom",
90
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-bottom",
91
- "type": "value",
92
- "value": "viewport-segment-bottom"
93
- },
94
- {
95
- "name": "viewport-segment-right",
96
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-right",
97
- "type": "value",
98
- "value": "viewport-segment-right"
99
- },
100
- {
101
- "name": "preferred-text-scale",
102
- "href": "https://drafts.csswg.org/css-env-1/#valdef-env-preferred-text-scale",
103
- "type": "value",
104
- "value": "preferred-text-scale"
105
- }
106
- ]
107
- }
108
- ]
109
- }
@@ -1,108 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Exclusions Module Level 1",
4
- "url": "https://drafts.csswg.org/css-exclusions-1/"
5
- },
6
- "properties": [
7
- {
8
- "name": "wrap-flow",
9
- "href": "https://drafts.csswg.org/css-exclusions-1/#propdef-wrap-flow",
10
- "value": "auto | both | start | end | minimum | maximum | clear",
11
- "initial": "auto",
12
- "appliesTo": "block-level elements.",
13
- "inherited": "no",
14
- "percentages": "N/A",
15
- "computedValue": "as specified except for element’s whose float computed value is not none, in which case the computed value is auto.",
16
- "canonicalOrder": "per grammar",
17
- "values": [
18
- {
19
- "name": "auto",
20
- "prose": "No exclusion is created. Inline flow content interacts with the element as usual. In particular, if the element is a float (see [CSS2]), the behavior is unchanged.",
21
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-auto",
22
- "type": "value",
23
- "value": "auto"
24
- },
25
- {
26
- "name": "both",
27
- "prose": "Inline flow content can flow on all sides of the exclusion.",
28
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-both",
29
- "type": "value",
30
- "value": "both"
31
- },
32
- {
33
- "name": "start",
34
- "prose": "Inline flow content can flow around the start edge of the exclusion area but must leave the area next to the end edge of the exclusion empty.",
35
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-start",
36
- "type": "value",
37
- "value": "start"
38
- },
39
- {
40
- "name": "end",
41
- "prose": "Inline flow content can flow around the end edge of the exclusion area but must leave the area next to the start edge of the exclusion empty.",
42
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-end",
43
- "type": "value",
44
- "value": "end"
45
- },
46
- {
47
- "name": "minimum",
48
- "prose": "Inline flow content can flow around the edge of the exclusion with the smallest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty.",
49
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-minimum",
50
- "type": "value",
51
- "value": "minimum"
52
- },
53
- {
54
- "name": "maximum",
55
- "prose": "Inline flow content can flow around the edge of the exclusion with the largest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty.",
56
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-maximum",
57
- "type": "value",
58
- "value": "maximum"
59
- },
60
- {
61
- "name": "clear",
62
- "prose": "Inline flow content can only flow before and after the exclusion in the flow content’s block direction and must leave the areas next to the start and end edges of the exclusion empty.",
63
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-clear",
64
- "type": "value",
65
- "value": "clear"
66
- }
67
- ],
68
- "styleDeclaration": [
69
- "wrap-flow",
70
- "wrapFlow"
71
- ]
72
- },
73
- {
74
- "name": "wrap-through",
75
- "href": "https://drafts.csswg.org/css-exclusions-1/#propdef-wrap-through",
76
- "value": "wrap | none",
77
- "initial": "wrap",
78
- "appliesTo": "block-level elements",
79
- "inherited": "no",
80
- "percentages": "N/A",
81
- "computedValue": "as specified",
82
- "canonicalOrder": "per grammar",
83
- "values": [
84
- {
85
- "name": "wrap",
86
- "prose": "The element inherits its parent node’s wrapping context. Its descendant inline content wraps around exclusions defined outside the element.",
87
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-through-wrap",
88
- "type": "value",
89
- "value": "wrap"
90
- },
91
- {
92
- "name": "none",
93
- "prose": "The element does not inherit its parent node’s wrapping context. Its descendants are only subject to exclusion areas defined inside the element.",
94
- "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-through-none",
95
- "type": "value",
96
- "value": "none"
97
- }
98
- ],
99
- "styleDeclaration": [
100
- "wrap-through",
101
- "wrapThrough"
102
- ]
103
- }
104
- ],
105
- "atrules": [],
106
- "selectors": [],
107
- "values": []
108
- }
@@ -1,36 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Extensions",
4
- "url": "https://drafts.csswg.org/css-extensions-1/"
5
- },
6
- "properties": [],
7
- "atrules": [
8
- {
9
- "name": "@custom-selector",
10
- "href": "https://drafts.csswg.org/css-extensions-1/#at-ruledef-custom-selector",
11
- "descriptors": [],
12
- "value": "@custom-selector <custom-selector> <selector-list> ;"
13
- }
14
- ],
15
- "selectors": [],
16
- "values": [
17
- {
18
- "name": "<extension-name>",
19
- "prose": "All extensions defined in this specification use a common syntax for defining their ”names”: the <extension-name> production. An <extension-name> is any identifier that starts with two dashes (U+002D HYPHEN-MINUS), like --foo, or even exotic names like -- or ------. The CSS language will never use identifiers of this form for any language-defined purpose, so it’s safe to use them for author-defined purposes without ever having to worry about colliding with CSS-defined names.",
20
- "href": "https://drafts.csswg.org/css-extensions-1/#typedef-extension-name",
21
- "type": "type"
22
- },
23
- {
24
- "name": "<custom-selector>",
25
- "href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-selector",
26
- "type": "type",
27
- "value": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;"
28
- },
29
- {
30
- "name": "<custom-arg>",
31
- "href": "https://drafts.csswg.org/css-extensions-1/#typedef-custom-arg",
32
- "type": "type",
33
- "value": "$ <ident-token> ;"
34
- }
35
- ]
36
- }
package/css-flexbox.json DELETED
@@ -1,259 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Flexible Box Layout Module Level 1",
4
- "url": "https://drafts.csswg.org/css-flexbox-1/"
5
- },
6
- "properties": [
7
- {
8
- "name": "flex-direction",
9
- "href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-direction",
10
- "value": "row | row-reverse | column | column-reverse",
11
- "initial": "row",
12
- "appliesTo": "flex containers",
13
- "inherited": "no",
14
- "percentages": "n/a",
15
- "computedValue": "specified keyword",
16
- "canonicalOrder": "per grammar",
17
- "animationType": "discrete",
18
- "values": [
19
- {
20
- "name": "row",
21
- "prose": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode. The main-start and main-end directions are equivalent to the inline-start and inline-end directions, respectively, of the current writing mode.",
22
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-row",
23
- "type": "value",
24
- "value": "row"
25
- },
26
- {
27
- "name": "row-reverse",
28
- "prose": "Same as row, except the main-start and main-end directions are swapped.",
29
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-row-reverse",
30
- "type": "value",
31
- "value": "row-reverse"
32
- },
33
- {
34
- "name": "column",
35
- "prose": "The flex container’s main axis has the same orientation as the block axis of the current writing mode. The main-start and main-end directions are equivalent to the block-start and block-end directions, respectively, of the current writing mode.",
36
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-column",
37
- "type": "value",
38
- "value": "column"
39
- },
40
- {
41
- "name": "column-reverse",
42
- "prose": "Same as column, except the main-start and main-end directions are swapped.",
43
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-direction-column-reverse",
44
- "type": "value",
45
- "value": "column-reverse"
46
- }
47
- ],
48
- "styleDeclaration": [
49
- "flex-direction",
50
- "flexDirection"
51
- ]
52
- },
53
- {
54
- "name": "flex-wrap",
55
- "href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-wrap",
56
- "value": "nowrap | wrap | wrap-reverse",
57
- "initial": "nowrap",
58
- "appliesTo": "flex containers",
59
- "inherited": "no",
60
- "percentages": "n/a",
61
- "computedValue": "specified keyword",
62
- "canonicalOrder": "per grammar",
63
- "animationType": "discrete",
64
- "values": [
65
- {
66
- "name": "nowrap",
67
- "prose": "The flex container is single-line.",
68
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-wrap-nowrap",
69
- "type": "value",
70
- "value": "nowrap"
71
- },
72
- {
73
- "name": "wrap",
74
- "prose": "The flex container is multi-line.",
75
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-wrap-wrap",
76
- "type": "value",
77
- "value": "wrap"
78
- },
79
- {
80
- "name": "wrap-reverse",
81
- "prose": "Same as wrap.",
82
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-wrap-wrap-reverse",
83
- "type": "value",
84
- "value": "wrap-reverse"
85
- }
86
- ],
87
- "styleDeclaration": [
88
- "flex-wrap",
89
- "flexWrap"
90
- ]
91
- },
92
- {
93
- "name": "flex-flow",
94
- "href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-flow",
95
- "value": "<'flex-direction'> || <'flex-wrap'>",
96
- "initial": "see individual properties",
97
- "appliesTo": "see individual properties",
98
- "inherited": "see individual properties",
99
- "percentages": "see individual properties",
100
- "computedValue": "see individual properties",
101
- "animationType": "see individual properties",
102
- "canonicalOrder": "per grammar",
103
- "styleDeclaration": [
104
- "flex-flow",
105
- "flexFlow"
106
- ]
107
- },
108
- {
109
- "name": "flex",
110
- "href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex",
111
- "value": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
112
- "initial": "0 1 auto",
113
- "appliesTo": "flex items",
114
- "inherited": "no",
115
- "percentages": "see individual properties",
116
- "computedValue": "see individual properties",
117
- "animationType": "by computed value type",
118
- "canonicalOrder": "per grammar",
119
- "values": [
120
- {
121
- "name": "<'flex-grow'>",
122
- "prose": "This <number [0,∞]> component sets flex-grow longhand and specifies the flex grow factor, which determines how much the flex item will grow relative to the rest of the flex items in the flex container when positive free space is distributed. When omitted, it is set to 1.",
123
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-flex-grow",
124
- "type": "value",
125
- "value": "<'flex-grow'>"
126
- },
127
- {
128
- "name": "<'flex-shrink'>",
129
- "prose": "This <number [0,∞]> component sets flex-shrink longhand and specifies the flex shrink factor, which determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed. When omitted, it is set to 1.",
130
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-flex-shrink",
131
- "type": "value",
132
- "value": "<'flex-shrink'>"
133
- },
134
- {
135
- "name": "<'flex-basis'>",
136
- "prose": "This component sets the flex-basis longhand, which specifies the flex basis: the initial main size of the flex item, before free space is distributed according to the flex factors. <'flex-basis'> accepts the same values as the width and height properties (except that auto is treated differently) plus the content keyword: When omitted from the flex shorthand, its specified value is 0.",
137
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-flex-basis",
138
- "type": "value",
139
- "value": "<'flex-basis'>"
140
- },
141
- {
142
- "name": "none",
143
- "prose": "The keyword none expands to 0 0 auto.",
144
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-none",
145
- "type": "value",
146
- "value": "none"
147
- }
148
- ],
149
- "styleDeclaration": [
150
- "flex"
151
- ]
152
- },
153
- {
154
- "name": "flex-grow",
155
- "href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-grow",
156
- "value": "<number [0,∞]>",
157
- "initial": "0",
158
- "appliesTo": "flex items",
159
- "inherited": "no",
160
- "percentages": "n/a",
161
- "computedValue": "specified number",
162
- "canonicalOrder": "per grammar",
163
- "animationType": "by computed value type",
164
- "values": [
165
- {
166
- "name": "<number>",
167
- "prose": "The flex-grow property sets the flex grow factor to the provided <number>. Negative values are not allowed.",
168
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-grow-number",
169
- "type": "value",
170
- "value": "<number>"
171
- }
172
- ],
173
- "styleDeclaration": [
174
- "flex-grow",
175
- "flexGrow"
176
- ]
177
- },
178
- {
179
- "name": "flex-shrink",
180
- "href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-shrink",
181
- "value": "<number [0,∞]>",
182
- "initial": "1",
183
- "appliesTo": "flex items",
184
- "inherited": "no",
185
- "percentages": "n/a",
186
- "computedValue": "specified value",
187
- "canonicalOrder": "per grammar",
188
- "animationType": "number",
189
- "values": [
190
- {
191
- "name": "<number>",
192
- "prose": "The flex-shrink property sets the flex shrink factor to the provided <number>. Negative values are not allowed.",
193
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-shrink-number",
194
- "type": "value",
195
- "value": "<number>"
196
- }
197
- ],
198
- "styleDeclaration": [
199
- "flex-shrink",
200
- "flexShrink"
201
- ]
202
- },
203
- {
204
- "name": "flex-basis",
205
- "href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-basis",
206
- "value": "content | <'width'>",
207
- "initial": "auto",
208
- "appliesTo": "flex items",
209
- "inherited": "no",
210
- "percentages": "relative to the flex container’s inner main size",
211
- "computedValue": "specified keyword or a computed <length-percentage> value",
212
- "canonicalOrder": "per grammar",
213
- "animationType": "by computed value type",
214
- "values": [
215
- {
216
- "name": "auto",
217
- "prose": "When specified on a flex item, the auto keyword retrieves the value of the main size property as the used flex-basis. If that value is itself auto, then the used value is content.",
218
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-basis-auto",
219
- "type": "value",
220
- "value": "auto"
221
- },
222
- {
223
- "name": "content",
224
- "prose": "Indicates an automatic size based on the flex item’s content. (This is typically equivalent to the max-content size, but with adjustments to handle preferred aspect ratios, intrinsic sizing constraints, and orthogonal flows; see details in § 9 Flex Layout Algorithm.)",
225
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-flex-basis-content",
226
- "type": "value",
227
- "value": "content"
228
- }
229
- ],
230
- "styleDeclaration": [
231
- "flex-basis",
232
- "flexBasis"
233
- ]
234
- }
235
- ],
236
- "atrules": [],
237
- "selectors": [],
238
- "values": [],
239
- "warnings": [
240
- {
241
- "msg": "Dangling value",
242
- "name": "flex",
243
- "prose": "This value causes an element to generate a flex container box that is block-level when placed in flow layout.",
244
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-display-flex",
245
- "type": "value",
246
- "value": "flex",
247
- "for": "display"
248
- },
249
- {
250
- "msg": "Dangling value",
251
- "name": "inline-flex",
252
- "prose": "This value causes an element to generate a flex container box that is inline-level when placed in flow layout.",
253
- "href": "https://drafts.csswg.org/css-flexbox-1/#valdef-display-inline-flex",
254
- "type": "value",
255
- "value": "inline-flex",
256
- "for": "display"
257
- }
258
- ]
259
- }