@webref/css 6.23.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 (122) 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 -567
  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 -1642
  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 -281
  41. package/css-gaps.json +0 -544
  42. package/css-gcpm-4.json +0 -58
  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 -58
  57. package/css-multicol.json +0 -253
  58. package/css-namespaces.json +0 -25
  59. package/css-nav.json +0 -121
  60. package/css-nesting.json +0 -17
  61. package/css-overflow-4.json +0 -428
  62. package/css-overflow-5.json +0 -226
  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 -49
  69. package/css-position.json +0 -495
  70. package/css-properties-values-api.json +0 -39
  71. package/css-pseudo.json +0 -98
  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 -38
  77. package/css-scroll-anchoring.json +0 -43
  78. package/css-scroll-snap-2.json +0 -74
  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 -89
  83. package/css-shapes.json +0 -384
  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 -854
  100. package/css-values.json +0 -790
  101. package/css-variables.json +0 -29
  102. package/css-view-transitions-2.json +0 -152
  103. package/css-view-transitions.json +0 -77
  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/pointer-animations.json +0 -282
  116. package/scroll-animations.json +0 -519
  117. package/selectors-5.json +0 -22
  118. package/selectors.json +0 -604
  119. package/svg-strokes.json +0 -59
  120. package/upgrade-insecure-requests.json +0 -28
  121. package/webvtt.json +0 -33
  122. package/webxr-dom-overlays.json +0 -17
package/index.js CHANGED
@@ -2,15 +2,8 @@ const fs = require('fs').promises;
2
2
  const path = require('path');
3
3
 
4
4
  async function listAll({folder = __dirname} = {}) {
5
- const all = {};
6
- const files = await fs.readdir(folder);
7
- for (const f of files) {
8
- if (f.endsWith('.json') && f !== 'package.json') {
9
- const text = await fs.readFile(path.join(folder, f), 'utf8');
10
- all[path.basename(f, '.json')] = JSON.parse(text);
11
- }
12
- }
13
- return all;
5
+ const json = await fs.readFile(path.join(folder, 'css.json'), 'utf8');
6
+ return JSON.parse(json);
14
7
  }
15
8
 
16
9
  module.exports = {listAll};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@webref/css",
3
3
  "description": "CSS definitions of the web platform",
4
- "version": "6.23.0",
4
+ "version": "7.0.0-alpha",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/w3c/webref.git"
package/CSS.json DELETED
@@ -1,567 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "Cascading Style Sheets (CSS) Level 2",
4
- "url": "https://drafts.csswg.org/css2/"
5
- },
6
- "properties": [
7
- {
8
- "name": "z-index",
9
- "href": "https://drafts.csswg.org/css2/#propdef-z-index",
10
- "value": "auto | <integer> | inherit",
11
- "initial": "auto",
12
- "appliesTo": "positioned elements",
13
- "inherited": "no",
14
- "percentages": "N/A",
15
- "computedValue": "as specified",
16
- "canonicalOrder": "per grammar",
17
- "media": "visual",
18
- "values": [
19
- {
20
- "name": "auto",
21
- "prose": "The stack level of the generated box in the current stacking context is 0. The box does not establish a new stacking context unless it is the root element.",
22
- "href": "https://drafts.csswg.org/css2/#valdef-z-index-auto",
23
- "type": "value",
24
- "value": "auto"
25
- }
26
- ],
27
- "styleDeclaration": [
28
- "z-index",
29
- "zIndex"
30
- ]
31
- },
32
- {
33
- "name": "page-break-before",
34
- "href": "https://drafts.csswg.org/css2/#propdef-page-break-before",
35
- "value": "auto | always | avoid | left | right | inherit",
36
- "initial": "auto",
37
- "appliesTo": "block-level elements (but see text)",
38
- "inherited": "no",
39
- "percentages": "N/A",
40
- "computedValue": "as specified",
41
- "canonicalOrder": "per grammar",
42
- "media": "visual, paged",
43
- "values": [
44
- {
45
- "name": "auto",
46
- "prose": "Neither force nor forbid a page break before (after, inside) the generated box.",
47
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-auto",
48
- "type": "value",
49
- "value": "auto"
50
- },
51
- {
52
- "name": "always",
53
- "prose": "Always force a page break before (after) the generated box.",
54
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-always",
55
- "type": "value",
56
- "value": "always"
57
- },
58
- {
59
- "name": "avoid",
60
- "prose": "Avoid a page break before (after, inside) the generated box.",
61
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-avoid",
62
- "type": "value",
63
- "value": "avoid"
64
- },
65
- {
66
- "name": "left",
67
- "prose": "Force one or two page breaks before (after) the generated box so that the next page is formatted as a left page.",
68
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-left",
69
- "type": "value",
70
- "value": "left"
71
- },
72
- {
73
- "name": "right",
74
- "prose": "Force one or two page breaks before (after) the generated box so that the next page is formatted as a right page.",
75
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-right",
76
- "type": "value",
77
- "value": "right"
78
- }
79
- ],
80
- "styleDeclaration": [
81
- "page-break-before",
82
- "pageBreakBefore"
83
- ]
84
- },
85
- {
86
- "name": "page-break-after",
87
- "href": "https://drafts.csswg.org/css2/#propdef-page-break-after",
88
- "value": "auto | always | avoid | left | right | inherit",
89
- "initial": "auto",
90
- "appliesTo": "block-level elements (but see text)",
91
- "inherited": "no",
92
- "percentages": "N/A",
93
- "computedValue": "as specified",
94
- "canonicalOrder": "per grammar",
95
- "media": "visual, paged",
96
- "values": [
97
- {
98
- "name": "auto",
99
- "prose": "Neither force nor forbid a page break before (after, inside) the generated box.",
100
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-auto",
101
- "type": "value",
102
- "value": "auto"
103
- },
104
- {
105
- "name": "always",
106
- "prose": "Always force a page break before (after) the generated box.",
107
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-always",
108
- "type": "value",
109
- "value": "always"
110
- },
111
- {
112
- "name": "avoid",
113
- "prose": "Avoid a page break before (after, inside) the generated box.",
114
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-avoid",
115
- "type": "value",
116
- "value": "avoid"
117
- },
118
- {
119
- "name": "left",
120
- "prose": "Force one or two page breaks before (after) the generated box so that the next page is formatted as a left page.",
121
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-left",
122
- "type": "value",
123
- "value": "left"
124
- },
125
- {
126
- "name": "right",
127
- "prose": "Force one or two page breaks before (after) the generated box so that the next page is formatted as a right page.",
128
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-right",
129
- "type": "value",
130
- "value": "right"
131
- }
132
- ],
133
- "styleDeclaration": [
134
- "page-break-after",
135
- "pageBreakAfter"
136
- ]
137
- },
138
- {
139
- "name": "page-break-inside",
140
- "href": "https://drafts.csswg.org/css2/#propdef-page-break-inside",
141
- "value": "avoid | auto | inherit",
142
- "initial": "auto",
143
- "appliesTo": "block-level elements (but see text)",
144
- "inherited": "no",
145
- "percentages": "N/A",
146
- "computedValue": "as specified",
147
- "canonicalOrder": "per grammar",
148
- "media": "visual, paged",
149
- "values": [
150
- {
151
- "name": "auto",
152
- "prose": "Neither force nor forbid a page break before (after, inside) the generated box.",
153
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-auto",
154
- "type": "value",
155
- "value": "auto"
156
- },
157
- {
158
- "name": "always",
159
- "prose": "Always force a page break before (after) the generated box.",
160
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-always",
161
- "type": "value",
162
- "value": "always"
163
- },
164
- {
165
- "name": "avoid",
166
- "prose": "Avoid a page break before (after, inside) the generated box.",
167
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-avoid",
168
- "type": "value",
169
- "value": "avoid"
170
- },
171
- {
172
- "name": "left",
173
- "prose": "Force one or two page breaks before (after) the generated box so that the next page is formatted as a left page.",
174
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-left",
175
- "type": "value",
176
- "value": "left"
177
- },
178
- {
179
- "name": "right",
180
- "prose": "Force one or two page breaks before (after) the generated box so that the next page is formatted as a right page.",
181
- "href": "https://drafts.csswg.org/css2/#valdef-page-break-right",
182
- "type": "value",
183
- "value": "right"
184
- }
185
- ],
186
- "styleDeclaration": [
187
- "page-break-inside",
188
- "pageBreakInside"
189
- ]
190
- }
191
- ],
192
- "atrules": [
193
- {
194
- "name": "@import",
195
- "prose": "The @import rule allows users to import style rules from other style sheets. In CSS 2, any @import rules must precede all other rules (except the @charset rule, if present). See the section on parsing for when user agents must ignore @import rules. The @import keyword must be followed by the URI of the style sheet to include. A string is also allowed; it will be interpreted as if it had url(...) around it.",
196
- "href": "https://drafts.csswg.org/css2/#at-ruledef-import",
197
- "descriptors": []
198
- },
199
- {
200
- "name": "@media",
201
- "href": "https://drafts.csswg.org/css2/#at-ruledef-media",
202
- "descriptors": [],
203
- "values": [
204
- {
205
- "name": "all",
206
- "prose": "Suitable for all devices.",
207
- "href": "https://drafts.csswg.org/css2/#valdef-media-all",
208
- "type": "value",
209
- "value": "all",
210
- "values": [
211
- {
212
- "name": "inherit",
213
- "href": "https://drafts.csswg.org/css2/#valdef-all-inherit",
214
- "type": "value",
215
- "value": "inherit"
216
- }
217
- ]
218
- },
219
- {
220
- "name": "braille",
221
- "prose": "Intended for braille tactile feedback devices.",
222
- "href": "https://drafts.csswg.org/css2/#valdef-media-braille",
223
- "type": "value",
224
- "value": "braille"
225
- },
226
- {
227
- "name": "embossed",
228
- "prose": "Intended for paged braille printers.",
229
- "href": "https://drafts.csswg.org/css2/#valdef-media-embossed",
230
- "type": "value",
231
- "value": "embossed"
232
- },
233
- {
234
- "name": "handheld",
235
- "prose": "Intended for handheld devices (typically small screen, limited bandwidth).",
236
- "href": "https://drafts.csswg.org/css2/#valdef-media-handheld",
237
- "type": "value",
238
- "value": "handheld"
239
- },
240
- {
241
- "name": "print",
242
- "prose": "Intended for paged material and for documents viewed on screen in print preview mode. Please consult the section on paged media for information about formatting issues that are specific to paged media.",
243
- "href": "https://drafts.csswg.org/css2/#valdef-media-print",
244
- "type": "value",
245
- "value": "print"
246
- },
247
- {
248
- "name": "projection",
249
- "prose": "Intended for projected presentations, for example projectors. Please consult the section on paged media for information about formatting issues that are specific to paged media.",
250
- "href": "https://drafts.csswg.org/css2/#valdef-media-projection",
251
- "type": "value",
252
- "value": "projection"
253
- },
254
- {
255
- "name": "screen",
256
- "prose": "Intended primarily for color computer screens.",
257
- "href": "https://drafts.csswg.org/css2/#valdef-media-screen",
258
- "type": "value",
259
- "value": "screen"
260
- },
261
- {
262
- "name": "speech",
263
- "prose": "Intended for speech synthesizers. Note: CSS2 (1998) had a similar media type called aural for this purpose.",
264
- "href": "https://drafts.csswg.org/css2/#valdef-media-speech",
265
- "type": "value",
266
- "value": "speech"
267
- },
268
- {
269
- "name": "tty",
270
- "prose": "Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities). Authors should not use pixel units with the \"tty\" media type.",
271
- "href": "https://drafts.csswg.org/css2/#valdef-media-tty",
272
- "type": "value",
273
- "value": "tty"
274
- },
275
- {
276
- "name": "tv",
277
- "prose": "Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).",
278
- "href": "https://drafts.csswg.org/css2/#valdef-media-tv",
279
- "type": "value",
280
- "value": "tv"
281
- }
282
- ]
283
- },
284
- {
285
- "name": "@page",
286
- "prose": "Authors can specify the margins of a page box inside an @page rule. An @page rule consists of the keyword \"@page\", followed by an optional page selector, followed by a block containing declarations and at-rules. Comments and white space are allowed, but optional, between the @page token and the page selector and between the page selector and the block. The declarations in an @page rule are said to be in the page context.",
287
- "href": "https://drafts.csswg.org/css2/#at-ruledef-page",
288
- "descriptors": []
289
- }
290
- ],
291
- "selectors": [
292
- {
293
- "name": ":lang",
294
- "href": "https://drafts.csswg.org/css2/#selectordef-lang",
295
- "value": ":lang"
296
- },
297
- {
298
- "name": ":first-line",
299
- "href": "https://drafts.csswg.org/css2/#selectordef-first-line",
300
- "value": ":first-line"
301
- },
302
- {
303
- "name": ":first-letter",
304
- "href": "https://drafts.csswg.org/css2/#selectordef-first-letter",
305
- "value": ":first-letter"
306
- },
307
- {
308
- "name": ":before",
309
- "href": "https://drafts.csswg.org/css2/#selectordef-before",
310
- "value": ":before"
311
- },
312
- {
313
- "name": ":after",
314
- "href": "https://drafts.csswg.org/css2/#selectordef-after",
315
- "value": ":after"
316
- },
317
- {
318
- "name": ":left",
319
- "prose": "All pages are automatically classified by user agents into either the :left or :right pseudo-class. Whether the first page of a document is :left or :right depends on the major writing direction of the root element. For example, the first page of a document with a left-to-right major writing direction would be a :right page, and the first page of a document with a right-to-left major writing direction would be a :left page. To explicitly force a document to begin printing on a left or right page, authors can insert a page break before the first generated box.",
320
- "href": "https://drafts.csswg.org/css2/#selectordef-left",
321
- "value": ":left"
322
- },
323
- {
324
- "name": ":right",
325
- "prose": "All pages are automatically classified by user agents into either the :left or :right pseudo-class. Whether the first page of a document is :left or :right depends on the major writing direction of the root element. For example, the first page of a document with a left-to-right major writing direction would be a :right page, and the first page of a document with a right-to-left major writing direction would be a :left page. To explicitly force a document to begin printing on a left or right page, authors can insert a page break before the first generated box.",
326
- "href": "https://drafts.csswg.org/css2/#selectordef-right",
327
- "value": ":right"
328
- },
329
- {
330
- "name": ":first",
331
- "prose": "Authors may also specify style for the first page of a document with the :first pseudo-class:",
332
- "href": "https://drafts.csswg.org/css2/#selectordef-first",
333
- "value": ":first"
334
- }
335
- ],
336
- "values": [
337
- {
338
- "name": "<identifier>",
339
- "href": "https://drafts.csswg.org/css2/#value-def-identifier",
340
- "type": "type"
341
- },
342
- {
343
- "name": "<uri>",
344
- "prose": "URI values (Uniform Resource Identifiers, see [RFC3986], which includes URLs, URNs, etc) in this specification are denoted by <uri>. The functional notation used to designate URIs in property values is \"url()\", as in:",
345
- "href": "https://drafts.csswg.org/css2/#value-def-uri",
346
- "type": "type"
347
- },
348
- {
349
- "name": "<margin-width>",
350
- "prose": "The properties defined in this section refer to the <margin-width> value type, which may take one of the following values:",
351
- "href": "https://drafts.csswg.org/css2/#value-def-margin-width",
352
- "type": "type"
353
- },
354
- {
355
- "name": "<padding-width>",
356
- "prose": "The properties defined in this section refer to the <padding-width> value type, which may take one of the following values:",
357
- "href": "https://drafts.csswg.org/css2/#value-def-padding-width",
358
- "type": "type",
359
- "values": [
360
- {
361
- "name": "<length>",
362
- "prose": "Specifies a fixed width.",
363
- "href": "https://drafts.csswg.org/css2/#valdef-padding-width-length",
364
- "type": "value",
365
- "value": "<length>"
366
- },
367
- {
368
- "name": "<percentage>",
369
- "prose": "The percentage is calculated with respect to the width of the generated box’s containing block, even for padding-top and padding-bottom. If the containing block’s width depends on this element, then the resulting layout is undefined in CSS 2.",
370
- "href": "https://drafts.csswg.org/css2/#valdef-padding-width-percentage",
371
- "type": "value",
372
- "value": "<percentage>"
373
- }
374
- ]
375
- },
376
- {
377
- "name": "<border-width>",
378
- "prose": "The border width properties specify the width of the border area. The properties defined in this section refer to the <border-width> value type, which may take one of the following values:",
379
- "href": "https://drafts.csswg.org/css2/#value-def-border-width",
380
- "type": "type",
381
- "values": [
382
- {
383
- "name": "thin",
384
- "prose": "A thin border.",
385
- "href": "https://drafts.csswg.org/css2/#valdef-border-width-thin",
386
- "type": "value",
387
- "value": "thin"
388
- },
389
- {
390
- "name": "medium",
391
- "prose": "A medium border.",
392
- "href": "https://drafts.csswg.org/css2/#valdef-border-width-medium",
393
- "type": "value",
394
- "value": "medium"
395
- },
396
- {
397
- "name": "thick",
398
- "prose": "A thick border.",
399
- "href": "https://drafts.csswg.org/css2/#valdef-border-width-thick",
400
- "type": "value",
401
- "value": "thick"
402
- },
403
- {
404
- "name": "<length>",
405
- "prose": "The border’s thickness has an explicit value. Explicit border widths cannot be negative.",
406
- "href": "https://drafts.csswg.org/css2/#valdef-border-width-length",
407
- "type": "value",
408
- "value": "<length>"
409
- }
410
- ]
411
- },
412
- {
413
- "name": "<border-style>",
414
- "prose": "The border style properties specify the line style of a box’s border (solid, double, dashed, etc.). The properties defined in this section refer to the <border-style> value type, which may take one of the following values:",
415
- "href": "https://drafts.csswg.org/css2/#value-def-border-style",
416
- "type": "type",
417
- "values": [
418
- {
419
- "name": "none",
420
- "prose": "No border; the computed border width is zero.",
421
- "href": "https://drafts.csswg.org/css2/#value-def-bo-none",
422
- "type": "value",
423
- "value": "none"
424
- },
425
- {
426
- "name": "hidden",
427
- "prose": "Same as none, except in terms of border conflict resolution for table elements.",
428
- "href": "https://drafts.csswg.org/css2/#value-def-hidden",
429
- "type": "value",
430
- "value": "hidden"
431
- },
432
- {
433
- "name": "dotted",
434
- "prose": "The border is a series of dots.",
435
- "href": "https://drafts.csswg.org/css2/#value-def-dotted",
436
- "type": "value",
437
- "value": "dotted"
438
- },
439
- {
440
- "name": "dashed",
441
- "prose": "The border is a series of short line segments.",
442
- "href": "https://drafts.csswg.org/css2/#value-def-dashed",
443
- "type": "value",
444
- "value": "dashed"
445
- },
446
- {
447
- "name": "solid",
448
- "prose": "The border is a single line segment.",
449
- "href": "https://drafts.csswg.org/css2/#value-def-solid",
450
- "type": "value",
451
- "value": "solid"
452
- },
453
- {
454
- "name": "double",
455
- "prose": "The border is two solid lines. The sum of the two lines and the space between them equals the value of border-width.",
456
- "href": "https://drafts.csswg.org/css2/#value-def-double",
457
- "type": "value",
458
- "value": "double"
459
- },
460
- {
461
- "name": "groove",
462
- "prose": "The border looks as though it were carved into the canvas.",
463
- "href": "https://drafts.csswg.org/css2/#value-def-groove",
464
- "type": "value",
465
- "value": "groove"
466
- },
467
- {
468
- "name": "ridge",
469
- "prose": "The opposite of groove: the border looks as though it were coming out of the canvas.",
470
- "href": "https://drafts.csswg.org/css2/#value-def-ridge",
471
- "type": "value",
472
- "value": "ridge"
473
- },
474
- {
475
- "name": "inset",
476
- "prose": "The border makes the box look as though it were embedded in the canvas.",
477
- "href": "https://drafts.csswg.org/css2/#value-def-inset",
478
- "type": "value",
479
- "value": "inset"
480
- },
481
- {
482
- "name": "outset",
483
- "prose": "The opposite of inset: the border makes the box look as though it were coming out of the canvas.",
484
- "href": "https://drafts.csswg.org/css2/#value-def-outset",
485
- "type": "value",
486
- "value": "outset"
487
- }
488
- ]
489
- },
490
- {
491
- "name": "<shape>",
492
- "prose": "In CSS 2, the only valid <shape> value is: rect(<top>, <right>, <bottom>, <left>) where <top> and <bottom> specify offsets from the top border edge of the box, and <right>, and <left> specify offsets from the left border edge of the box. Authors should separate offset values with commas. User agents must support separation with commas, but may also support separation without commas (but not a combination), because a previous revision of this specification was ambiguous in this respect. <top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box). When coordinates are rounded to pixel coordinates, care should be taken that no pixels remain visible when <left> and <right> have the same value (or <top> and <bottom> have the same value), and conversely that no pixels within the element’s border box remain hidden when these values are auto.",
493
- "href": "https://drafts.csswg.org/css2/#value-def-shape",
494
- "type": "type"
495
- },
496
- {
497
- "name": "<top>",
498
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
499
- "href": "https://drafts.csswg.org/css2/#value-def-top",
500
- "type": "type",
501
- "values": [
502
- {
503
- "name": "auto",
504
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
505
- "href": "https://drafts.csswg.org/css2/#valdef-top-auto%E2%91%A0",
506
- "type": "value",
507
- "value": "auto"
508
- }
509
- ]
510
- },
511
- {
512
- "name": "<right>",
513
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
514
- "href": "https://drafts.csswg.org/css2/#value-def-right",
515
- "type": "type",
516
- "values": [
517
- {
518
- "name": "auto",
519
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
520
- "href": "https://drafts.csswg.org/css2/#valdef-top-auto%E2%91%A0",
521
- "type": "value",
522
- "value": "auto"
523
- }
524
- ]
525
- },
526
- {
527
- "name": "<bottom>",
528
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
529
- "href": "https://drafts.csswg.org/css2/#value-def-bottom",
530
- "type": "type",
531
- "values": [
532
- {
533
- "name": "auto",
534
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
535
- "href": "https://drafts.csswg.org/css2/#valdef-top-auto%E2%91%A0",
536
- "type": "value",
537
- "value": "auto"
538
- }
539
- ]
540
- },
541
- {
542
- "name": "<left>",
543
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
544
- "href": "https://drafts.csswg.org/css2/#value-def-left",
545
- "type": "type",
546
- "values": [
547
- {
548
- "name": "auto",
549
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
550
- "href": "https://drafts.csswg.org/css2/#valdef-top-auto%E2%91%A0",
551
- "type": "value",
552
- "value": "auto"
553
- }
554
- ]
555
- },
556
- {
557
- "name": "<absolute-size>",
558
- "href": "https://drafts.csswg.org/css2/#value-def-absolute-size",
559
- "type": "type"
560
- },
561
- {
562
- "name": "<relative-size>",
563
- "href": "https://drafts.csswg.org/css2/#value-def-relative-size",
564
- "type": "type"
565
- }
566
- ]
567
- }