1{
2  "properties": {
3    "-moz-background-clip": {
4      "comment": "deprecated syntax in old Firefox, https://developer.mozilla.org/en/docs/Web/CSS/background-clip",
5      "syntax": "padding | border"
6    },
7    "-moz-border-radius-bottomleft": {
8      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius",
9      "syntax": "<'border-bottom-left-radius'>"
10    },
11    "-moz-border-radius-bottomright": {
12      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius",
13      "syntax": "<'border-bottom-right-radius'>"
14    },
15    "-moz-border-radius-topleft": {
16      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius",
17      "syntax": "<'border-top-left-radius'>"
18    },
19    "-moz-border-radius-topright": {
20      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius",
21      "syntax": "<'border-bottom-right-radius'>"
22    },
23    "-moz-osx-font-smoothing": {
24      "comment": "misssed old syntax https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth",
25      "syntax": "auto | grayscale"
26    },
27    "-moz-user-select": {
28      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/user-select",
29      "syntax": "none | text | all | -moz-none"
30    },
31    "-ms-flex-align": {
32      "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-align",
33      "syntax": "start | end | center | baseline | stretch"
34    },
35    "-ms-flex-item-align": {
36      "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-align",
37      "syntax": "auto | start | end | center | baseline | stretch"
38    },
39    "-ms-flex-line-pack": {
40      "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-line-pack",
41      "syntax": "start | end | center | justify | distribute | stretch"
42    },
43    "-ms-flex-negative": {
44      "comment": "misssed old syntax implemented in IE; TODO: find references for comfirmation",
45      "syntax": "<'flex-shrink'>"
46    },
47    "-ms-flex-pack": {
48      "comment": "misssed old syntax implemented in IE, https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#flex-pack",
49      "syntax": "start | end | center | justify | distribute"
50    },
51    "-ms-flex-order": {
52      "comment": "misssed old syntax implemented in IE; https://msdn.microsoft.com/en-us/library/jj127303(v=vs.85).aspx",
53      "syntax": "<integer>"
54    },
55    "-ms-flex-positive": {
56      "comment": "misssed old syntax implemented in IE; TODO: find references for comfirmation",
57      "syntax": "<'flex-grow'>"
58    },
59    "-ms-flex-preferred-size": {
60      "comment": "misssed old syntax implemented in IE; TODO: find references for comfirmation",
61      "syntax": "<'flex-basis'>"
62    },
63    "-ms-interpolation-mode": {
64      "comment": "https://msdn.microsoft.com/en-us/library/ff521095(v=vs.85).aspx",
65      "syntax": "nearest-neighbor | bicubic"
66    },
67    "-ms-grid-column-align": {
68      "comment": "add this property first since it uses as fallback for flexbox, https://msdn.microsoft.com/en-us/library/windows/apps/hh466338.aspx",
69      "syntax": "start | end | center | stretch"
70    },
71    "-ms-grid-row-align": {
72      "comment": "add this property first since it uses as fallback for flexbox, https://msdn.microsoft.com/en-us/library/windows/apps/hh466348.aspx",
73      "syntax": "start | end | center | stretch"
74    },
75    "-webkit-appearance": {
76      "comment": "webkit specific keywords",
77      "references": [
78        "http://css-infos.net/property/-webkit-appearance"
79      ],
80      "syntax": "none | button | button-bevel | caps-lock-indicator | caret | checkbox | default-button | listbox | listitem | media-fullscreen-button | media-mute-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | push-button | radio | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbargripper-horizontal | scrollbargripper-vertical | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield"
81    },
82    "-webkit-background-clip": {
83      "comment": "https://developer.mozilla.org/en/docs/Web/CSS/background-clip",
84      "syntax": "[ <box> | border | padding | content | text ]#"
85    },
86    "-webkit-column-break-after": {
87      "comment": "added, http://help.dottoro.com/lcrthhhv.php",
88      "syntax": "always | auto | avoid"
89    },
90    "-webkit-column-break-before": {
91      "comment": "added, http://help.dottoro.com/lcxquvkf.php",
92      "syntax": "always | auto | avoid"
93    },
94    "-webkit-column-break-inside": {
95      "comment": "added, http://help.dottoro.com/lclhnthl.php",
96      "syntax": "always | auto | avoid"
97    },
98    "-webkit-font-smoothing": {
99      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth",
100      "syntax": "auto | none | antialiased | subpixel-antialiased"
101    },
102    "-webkit-mask-box-image": {
103      "comment": "missed; https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-mask-box-image",
104      "syntax": "[ <url> | <gradient> | none ] [ <length-percentage>{4} <-webkit-mask-box-repeat>{2} ]?"
105    },
106    "-webkit-print-color-adjust": {
107      "comment": "missed",
108      "references": [
109        "https://developer.mozilla.org/en/docs/Web/CSS/-webkit-print-color-adjust"
110      ],
111      "syntax": "economy | exact"
112    },
113    "-webkit-text-security": {
114      "comment": "missed; http://help.dottoro.com/lcbkewgt.php",
115      "syntax": "none | circle | disc | square"
116    },
117    "-webkit-user-drag": {
118      "comment": "missed; http://help.dottoro.com/lcbixvwm.php",
119      "syntax": "none | element | auto"
120    },
121    "-webkit-user-select": {
122      "comment": "auto is supported by old webkit, https://developer.mozilla.org/en-US/docs/Web/CSS/user-select",
123      "syntax": "auto | none | text | all"
124    },
125    "alignment-baseline": {
126      "comment": "added SVG property",
127      "references": [
128        "https://www.w3.org/TR/SVG/text.html#AlignmentBaselineProperty"
129      ],
130      "syntax": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical"
131    },
132    "baseline-shift": {
133      "comment": "added SVG property",
134      "references": [
135        "https://www.w3.org/TR/SVG/text.html#BaselineShiftProperty"
136      ],
137      "syntax": "baseline | sub | super | <svg-length>"
138    },
139    "behavior": {
140      "comment": "added old IE property https://msdn.microsoft.com/en-us/library/ms530723(v=vs.85).aspx",
141      "syntax": "<url>+"
142    },
143    "clip-rule": {
144      "comment": "added SVG property",
145      "references": [
146        "https://www.w3.org/TR/SVG/masking.html#ClipRuleProperty"
147      ],
148      "syntax": "nonzero | evenodd"
149    },
150    "cue": {
151      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
152      "syntax": "<'cue-before'> <'cue-after'>?"
153    },
154    "cue-after": {
155      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
156      "syntax": "<url> <decibel>? | none"
157    },
158    "cue-before": {
159      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
160      "syntax": "<url> <decibel>? | none"
161    },
162    "cursor": {
163      "comment": "added legacy keywords: hand, -webkit-grab. -webkit-grabbing, -webkit-zoom-in, -webkit-zoom-out, -moz-grab, -moz-grabbing, -moz-zoom-in, -moz-zoom-out",
164      "references": [
165        "https://www.sitepoint.com/css3-cursor-styles/"
166      ],
167      "syntax": "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing | hand | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ] ]"
168    },
169    "display": {
170      "comment": "extended with -ms-flexbox",
171      "syntax": "none | inline | block | list-item | inline-list-item | inline-block | inline-table | table | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | flex | inline-flex | grid | inline-grid | run-in | ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container | contents | -ms-flexbox | -ms-inline-flexbox | -ms-grid | -ms-inline-grid | -webkit-flex | -webkit-inline-flex | -webkit-box | -webkit-inline-box | -moz-inline-stack | -moz-box | -moz-inline-box"
172    },
173    "position": {
174      "comment": "extended with -webkit-sticky",
175      "syntax": "static | relative | absolute | sticky | fixed | -webkit-sticky"
176    },
177    "dominant-baseline": {
178      "comment": "added SVG property",
179      "references": [
180        "https://www.w3.org/TR/SVG/text.html#DominantBaselineProperty"
181      ],
182      "syntax": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge"
183    },
184    "image-rendering": {
185      "comment": "extended with <-non-standard-image-rendering>, added SVG keywords optimizeSpeed and optimizeQuality",
186      "references": [
187        "https://developer.mozilla.org/en/docs/Web/CSS/image-rendering",
188        "https://www.w3.org/TR/SVG/painting.html#ImageRenderingProperty"
189      ],
190      "syntax": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>"
191    },
192    "fill": {
193      "comment": "added SVG property",
194      "references": [
195        "https://www.w3.org/TR/SVG/painting.html#FillProperty"
196      ],
197      "syntax": "<paint>"
198    },
199    "fill-opacity": {
200      "comment": "added SVG property",
201      "references": [
202        "https://www.w3.org/TR/SVG/painting.html#FillProperty"
203      ],
204      "syntax": "<number-zero-one>"
205    },
206    "fill-rule": {
207      "comment": "added SVG property",
208      "references": [
209        "https://www.w3.org/TR/SVG/painting.html#FillProperty"
210      ],
211      "syntax": "nonzero | evenodd"
212    },
213    "filter": {
214      "comment": "extend with IE legacy syntaxes",
215      "syntax": "none | <filter-function-list> | <-ms-filter-function-list>"
216    },
217    "glyph-orientation-horizontal": {
218      "comment": "added SVG property",
219      "references": [
220        "https://www.w3.org/TR/SVG/text.html#GlyphOrientationHorizontalProperty"
221      ],
222      "syntax": "<angle>"
223    },
224    "glyph-orientation-vertical": {
225      "comment": "added SVG property",
226      "references": [
227        "https://www.w3.org/TR/SVG/text.html#GlyphOrientationVerticalProperty"
228      ],
229      "syntax": "<angle>"
230    },
231    "kerning": {
232      "comment": "added SVG property",
233      "references": [
234        "https://www.w3.org/TR/SVG/text.html#KerningProperty"
235      ],
236      "syntax": "auto | <svg-length>"
237    },
238    "letter-spacing": {
239      "comment": "fix syntax <length> -> <length-percentage>",
240      "references": [
241        "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/letter-spacing"
242      ],
243      "syntax": "normal | <length-percentage>"
244    },
245    "marker": {
246      "comment": "added SVG property",
247      "references": [
248        "https://www.w3.org/TR/SVG/painting.html#MarkerProperties"
249      ],
250      "syntax": "none | <url>"
251    },
252    "marker-end": {
253      "comment": "added SVG property",
254      "references": [
255        "https://www.w3.org/TR/SVG/painting.html#MarkerProperties"
256      ],
257      "syntax": "none | <url>"
258    },
259    "marker-mid": {
260      "comment": "added SVG property",
261      "references": [
262        "https://www.w3.org/TR/SVG/painting.html#MarkerProperties"
263      ],
264      "syntax": "none | <url>"
265    },
266    "marker-start": {
267      "comment": "added SVG property",
268      "references": [
269        "https://www.w3.org/TR/SVG/painting.html#MarkerProperties"
270      ],
271      "syntax": "none | <url>"
272    },
273    "max-width": {
274      "comment": "extend by non-standard width keywords https://developer.mozilla.org/en-US/docs/Web/CSS/max-width",
275      "syntax": "<length> | <percentage> | none | max-content | min-content | fit-content | fill-available | <-non-standard-width>"
276    },
277    "min-width": {
278      "comment": "extend by non-standard width keywords https://developer.mozilla.org/en-US/docs/Web/CSS/width",
279      "syntax": "<length> | <percentage> | auto | max-content | min-content | fit-content | fill-available | <-non-standard-width>"
280    },
281    "opacity": {
282      "comment": "strict to 0..1 <number> -> <number-zero-one>",
283      "syntax": "<number-zero-one>"
284    },
285    "overflow": {
286      "comment": "extend by vendor keywords https://developer.mozilla.org/en-US/docs/Web/CSS/overflow",
287      "syntax": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>"
288    },
289    "pause": {
290      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
291      "syntax": "<'pause-before'> <'pause-after'>?"
292    },
293    "pause-after": {
294      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
295      "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
296    },
297    "pause-before": {
298      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
299      "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
300    },
301    "rest": {
302      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
303      "syntax": "<'rest-before'> <'rest-after'>?"
304    },
305    "rest-after": {
306      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
307      "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
308    },
309    "rest-before": {
310      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
311      "syntax": "<time> | none | x-weak | weak | medium | strong | x-strong"
312    },
313    "shape-rendering": {
314      "comment": "added SVG property",
315      "references": [
316        "https://www.w3.org/TR/SVG/painting.html#ShapeRenderingPropert"
317      ],
318      "syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
319    },
320    "src": {
321      "comment": "added @font-face's src property https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src",
322      "syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
323    },
324    "speak": {
325      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
326      "syntax": "auto | none | normal"
327    },
328    "speak-as": {
329      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
330      "syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
331    },
332    "stroke": {
333      "comment": "added SVG property",
334      "references": [
335        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
336      ],
337      "syntax": "<paint>"
338    },
339    "stroke-dasharray": {
340      "comment": "added SVG property; a list of comma and/or white space separated <length>s and <percentage>s",
341      "references": [
342        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
343      ],
344      "syntax": "none | [ <svg-length>+ ]#"
345    },
346    "stroke-dashoffset": {
347      "comment": "added SVG property",
348      "references": [
349        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
350      ],
351      "syntax": "<svg-length>"
352    },
353    "stroke-linecap": {
354      "comment": "added SVG property",
355      "references": [
356        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
357      ],
358      "syntax": "butt | round | square"
359    },
360    "stroke-linejoin": {
361      "comment": "added SVG property",
362      "references": [
363        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
364      ],
365      "syntax": "miter | round | bevel"
366    },
367    "stroke-miterlimit": {
368      "comment": "added SVG property (<miterlimit> = <number-one-or-greater>) ",
369      "references": [
370        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
371      ],
372      "syntax": "<number-one-or-greater>"
373    },
374    "stroke-opacity": {
375      "comment": "added SVG property",
376      "references": [
377        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
378      ],
379      "syntax": "<number-zero-one>"
380    },
381    "stroke-width": {
382      "comment": "added SVG property",
383      "references": [
384        "https://www.w3.org/TR/SVG/painting.html#StrokeProperties"
385      ],
386      "syntax": "<svg-length>"
387    },
388    "text-anchor": {
389      "comment": "added SVG property",
390      "references": [
391        "https://www.w3.org/TR/SVG/text.html#TextAlignmentProperties"
392      ],
393      "syntax": "start | middle | end"
394    },
395    "unicode-bidi": {
396      "comment": "added prefixed keywords https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi",
397      "syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate"
398    },
399    "unicode-range": {
400      "comment": "added missed property https://developer.mozilla.org/en-US/docs/Web/CSS/%40font-face/unicode-range",
401      "syntax": "<urange>#"
402    },
403    "voice-balance": {
404      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
405      "syntax": "<number> | left | center | right | leftwards | rightwards"
406    },
407    "voice-duration": {
408      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
409      "syntax": "auto | <time>"
410    },
411    "voice-family": {
412      "comment": "<name> -> <family-name>, https://www.w3.org/TR/css3-speech/#property-index",
413      "syntax": "[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"
414    },
415    "voice-pitch": {
416      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
417      "syntax": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
418    },
419    "voice-range": {
420      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
421      "syntax": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
422    },
423    "voice-rate": {
424      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
425      "syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>"
426    },
427    "voice-stress": {
428      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
429      "syntax": "normal | strong | moderate | none | reduced"
430    },
431    "voice-volume": {
432      "comment": "https://www.w3.org/TR/css3-speech/#property-index",
433      "syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
434    },
435    "writing-mode": {
436      "comment": "extend with SVG keywords",
437      "syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>"
438    }
439  },
440  "syntaxes": {
441    "-legacy-gradient": {
442      "comment": "added collection of legacy gradient syntaxes",
443      "syntax": "<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"
444    },
445    "-legacy-linear-gradient": {
446      "comment": "like standard syntax but w/o `to` keyword https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient",
447      "syntax": "-moz-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-linear-gradient( <-legacy-linear-gradient-arguments> )"
448    },
449    "-legacy-repeating-linear-gradient": {
450      "comment": "like standard syntax but w/o `to` keyword https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient",
451      "syntax": "-moz-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-repeating-linear-gradient( <-legacy-linear-gradient-arguments> )"
452    },
453    "-legacy-linear-gradient-arguments": {
454      "comment": "like standard syntax but w/o `to` keyword https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient",
455      "syntax": "[ <angle> | <side-or-corner> ]? , <color-stop-list>"
456    },
457    "-legacy-radial-gradient": {
458      "comment": "deprecated syntax that implemented by some browsers https://www.w3.org/TR/2011/WD-css3-images-20110908/#radial-gradients",
459      "syntax": "-moz-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-radial-gradient( <-legacy-radial-gradient-arguments> )"
460    },
461    "-legacy-repeating-radial-gradient": {
462      "comment": "deprecated syntax that implemented by some browsers https://www.w3.org/TR/2011/WD-css3-images-20110908/#radial-gradients",
463      "syntax": "-moz-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-repeating-radial-gradient( <-legacy-radial-gradient-arguments> )"
464    },
465    "-legacy-radial-gradient-arguments": {
466      "comment": "deprecated syntax that implemented by some browsers https://www.w3.org/TR/2011/WD-css3-images-20110908/#radial-gradients",
467      "syntax": "[ <position> , ]? [ [ [ <-legacy-radial-gradient-shape> || <-legacy-radial-gradient-size> ] | [ <length> | <percentage> ]{2} ] , ]? <color-stop-list>"
468    },
469    "-legacy-radial-gradient-size": {
470      "comment": "before a standard it contains 2 extra keywords (`contain` and `cover`) https://www.w3.org/TR/2011/WD-css3-images-20110908/#ltsize",
471      "syntax": "closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"
472    },
473    "-legacy-radial-gradient-shape": {
474      "comment": "define to double sure it doesn't extends in future https://www.w3.org/TR/2011/WD-css3-images-20110908/#ltshape",
475      "syntax": "circle | ellipse"
476    },
477    "-non-standard-font": {
478      "comment": "non standard fonts",
479      "references": [
480        "https://webkit.org/blog/3709/using-the-system-font-in-web-content/"
481      ],
482      "syntax": "-apple-system-body | -apple-system-headline | -apple-system-subheadline | -apple-system-caption1 | -apple-system-caption2 | -apple-system-footnote | -apple-system-short-body | -apple-system-short-headline | -apple-system-short-subheadline | -apple-system-short-caption1 | -apple-system-short-footnote | -apple-system-tall-body"
483    },
484    "-non-standard-color": {
485      "comment": "non standard colors",
486      "references": [
487        "http://cssdot.ru/%D0%A1%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA_CSS/color-i305.html",
488        "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Mozilla_Color_Preference_Extensions"
489      ],
490      "syntax": "-moz-ButtonDefault | -moz-ButtonHoverFace | -moz-ButtonHoverText | -moz-CellHighlight | -moz-CellHighlightText | -moz-Combobox | -moz-ComboboxText | -moz-Dialog | -moz-DialogText | -moz-dragtargetzone | -moz-EvenTreeRow | -moz-Field | -moz-FieldText | -moz-html-CellHighlight | -moz-html-CellHighlightText | -moz-mac-accentdarkestshadow | -moz-mac-accentdarkshadow | -moz-mac-accentface | -moz-mac-accentlightesthighlight | -moz-mac-accentlightshadow | -moz-mac-accentregularhighlight | -moz-mac-accentregularshadow | -moz-mac-chrome-active | -moz-mac-chrome-inactive | -moz-mac-focusring | -moz-mac-menuselect | -moz-mac-menushadow | -moz-mac-menutextselect | -moz-MenuHover | -moz-MenuHoverText | -moz-MenuBarText | -moz-MenuBarHoverText | -moz-nativehyperlinktext | -moz-OddTreeRow | -moz-win-communicationstext | -moz-win-mediatext | -moz-activehyperlinktext | -moz-default-background-color | -moz-default-color | -moz-hyperlinktext | -moz-visitedhyperlinktext | -webkit-activelink | -webkit-focus-ring-color | -webkit-link | -webkit-text"
491    },
492    "-non-standard-image-rendering": {
493      "comment": "non-standard keywords http://phrogz.net/tmp/canvas_image_zoom.html",
494      "syntax": "optimize-contrast | -moz-crisp-edges | -o-crisp-edges | -webkit-optimize-contrast"
495    },
496    "-non-standard-overflow": {
497      "comment": "non-standard keywords https://developer.mozilla.org/en-US/docs/Web/CSS/overflow",
498      "syntax": "-moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
499    },
500    "-non-standard-width": {
501      "comment": "non-standard keywords https://developer.mozilla.org/en-US/docs/Web/CSS/width",
502      "syntax": "min-intrinsic | intrinsic | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-max-content"
503    },
504    "-webkit-gradient()": {
505      "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/ - TODO: simplify when after match algorithm improvement ( [, point, radius | , point] -> [, radius]? , point )",
506      "syntax": "-webkit-gradient( <-webkit-gradient-type>, <-webkit-gradient-point> [, <-webkit-gradient-point> | , <-webkit-gradient-radius>, <-webkit-gradient-point> ] [, <-webkit-gradient-radius>]? [, <-webkit-gradient-color-stop>]* )"
507    },
508    "-webkit-gradient-color-stop": {
509      "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
510      "syntax": "from( <color> ) | color-stop( [ <number-zero-one> | <percentage> ] , <color> ) | to( <color> )"
511    },
512    "-webkit-gradient-point": {
513      "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
514      "syntax": "[ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]"
515    },
516    "-webkit-gradient-radius": {
517      "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
518      "syntax": "<length> | <percentage>"
519    },
520    "-webkit-gradient-type": {
521      "comment": "first Apple proposal gradient syntax https://webkit.org/blog/175/introducing-css-gradients/",
522      "syntax": "linear | radial"
523    },
524    "-webkit-mask-box-repeat": {
525      "comment": "missed; https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-mask-box-image",
526      "syntax": "repeat | stretch | round"
527    },
528    "-webkit-mask-clip-style": {
529      "comment": "missed; there is no enough information about `-webkit-mask-clip` property, but looks like all those keywords are working",
530      "syntax": "border | border-box | padding | padding-box | content | content-box | text"
531    },
532    "-ms-filter-function-list": {
533      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
534      "syntax": "<-ms-filter-function>+"
535    },
536    "-ms-filter-function": {
537      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
538      "syntax": "<-ms-filter-function-progid> | <-ms-filter-function-legacy>"
539    },
540    "-ms-filter-function-progid": {
541      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
542      "syntax": "'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value>? ) ]"
543    },
544    "-ms-filter-function-legacy": {
545      "comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-filter",
546      "syntax": "<ident-token> | <function-token> <any-value>? )"
547    },
548    "-ms-filter": {
549      "syntax": "<string>"
550    },
551    "age": {
552      "comment": "https://www.w3.org/TR/css3-speech/#voice-family",
553      "syntax": "child | young | old"
554    },
555    "attr-name": {
556      "syntax": "<wq-name>"
557    },
558    "attr-fallback": {
559      "syntax": "<any-value>"
560    },
561    "border-radius": {
562      "comment": "missed, https://drafts.csswg.org/css-backgrounds-3/#the-border-radius",
563      "syntax": "<length-percentage>{1,2}"
564    },
565    "bottom": {
566      "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
567      "syntax": "<length> | auto"
568    },
569    "content-list": {
570      "comment": "missed -> https://drafts.csswg.org/css-content/#typedef-content-list (document-url, <target> and leader() is omitted util stabilization)",
571      "syntax": "[ <string> | contents | <url> | <quote> | <attr()> | counter( <ident>, <'list-style-type'>? ) ]+"
572    },
573    "generic-voice": {
574      "comment": "https://www.w3.org/TR/css3-speech/#voice-family",
575      "syntax": "[ <age>? <gender> <integer>? ]"
576    },
577    "gender": {
578      "comment": "https://www.w3.org/TR/css3-speech/#voice-family",
579      "syntax": "male | female | neutral"
580    },
581    "generic-family": {
582      "comment": "added -apple-system",
583      "references": [
584        "https://webkit.org/blog/3709/using-the-system-font-in-web-content/"
585      ],
586      "syntax": "serif | sans-serif | cursive | fantasy | monospace | -apple-system"
587    },
588    "gradient": {
589      "comment": "added legacy syntaxes support",
590      "syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <-legacy-gradient>"
591    },
592    "left": {
593      "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
594      "syntax": "<length> | auto"
595    },
596    "mask-image": {
597      "comment": "missed; https://drafts.fxtf.org/css-masking-1/#the-mask-image",
598      "syntax": "<mask-reference>#"
599    },
600    "name-repeat": {
601      "comment": "missed, and looks like obsolete, keep it as is since other property syntaxes should be changed too; https://www.w3.org/TR/2015/WD-css-grid-1-20150917/#typedef-name-repeat",
602      "syntax": "repeat( [ <positive-integer> | auto-fill ], <line-names>+)"
603    },
604    "named-color": {
605      "comment": "added non standard color names",
606      "syntax": "transparent | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | <-non-standard-color>"
607    },
608    "paint": {
609      "comment": "used by SVG https://www.w3.org/TR/SVG/painting.html#SpecifyingPaint",
610      "syntax": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke"
611    },
612    "path()": {
613      "comment": "missed, `motion` property was renamed, but left it as is for now; path() syntax was get from last draft https://drafts.fxtf.org/motion-1/#funcdef-offset-path-path",
614      "syntax": "path( <string> )"
615    },
616    "ratio": {
617      "comment": "missed, https://drafts.csswg.org/mediaqueries-4/#typedef-ratio",
618      "syntax": "<integer> / <integer>"
619    },
620    "right": {
621      "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
622      "syntax": "<length> | auto"
623    },
624    "shape": {
625      "comment": "missed spaces in function body and add backwards compatible syntax",
626      "syntax": "rect( <top>, <right>, <bottom>, <left> ) | rect( <top> <right> <bottom> <left> )"
627    },
628    "svg-length": {
629      "comment": "All coordinates and lengths in SVG can be specified with or without a unit identifier",
630      "references": [
631        "https://www.w3.org/TR/SVG11/coords.html#Units"
632      ],
633      "syntax": "<percentage> | <length> | <number>"
634    },
635    "svg-writing-mode": {
636      "comment": "SVG specific keywords (deprecated for CSS)",
637      "references": [
638        "https://developer.mozilla.org/en/docs/Web/CSS/writing-mode",
639        "https://www.w3.org/TR/SVG/text.html#WritingModeProperty"
640      ],
641      "syntax": "lr-tb | rl-tb | tb-rl | lr | rl | tb"
642    },
643    "top": {
644      "comment": "missed; not sure we should add it, but no others except `shape` is using it so it's ok for now; https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
645      "syntax": "<length> | auto"
646    },
647    "x": {
648      "comment": "missed; not sure we should add it, but no others except `cursor` is using it so it's ok for now; https://drafts.csswg.org/css-ui-3/#cursor",
649      "syntax": "<number>"
650    },
651    "y": {
652      "comment": "missed; not sure we should add it, but no others except `cursor` is using so it's ok for now; https://drafts.csswg.org/css-ui-3/#cursor",
653      "syntax": "<number>"
654    },
655    "declaration": {
656      "comment": "missed, restored by https://drafts.csswg.org/css-syntax",
657      "syntax": "<ident-token> : <declaration-value>? [ '!' important ]?"
658    },
659    "declaration-list": {
660      "comment": "missed, restored by https://drafts.csswg.org/css-syntax",
661      "syntax": "[ <declaration>? ';' ]* <declaration>?"
662    },
663    "url": {
664      "comment": "https://drafts.csswg.org/css-values-4/#urls",
665      "syntax": "url( <string> <url-modifier>* ) | <url-token>"
666    },
667    "url-modifier": {
668      "comment": "https://drafts.csswg.org/css-values-4/#typedef-url-modifier",
669      "syntax": "<ident> | <function-token> <any-value> )"
670    },
671    "number-zero-one": {
672      "syntax": "<number [0,1]>"
673    },
674    "number-one-or-greater": {
675      "syntax": "<number [1,∞]>"
676    },
677    "positive-integer": {
678      "syntax": "<integer [0,∞]>"
679    }
680  }
681}
682