Web Inspector: Extend CSS.getSupportedCSSProperties to provide values for properties...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Models / CSSKeywordCompletions.js
1 /*
2  * Copyright (C) 2011 Google Inc. All rights reserved.
3  * Copyright (C) 2013 Apple Inc. All rights reserved.
4  *
5  * Redistribution and use in source and binary forms, with or without
6  * modification, are permitted provided that the following conditions are
7  * met:
8  *
9  *     * Redistributions of source code must retain the above copyright
10  * notice, this list of conditions and the following disclaimer.
11  *     * Redistributions in binary form must reproduce the above
12  * copyright notice, this list of conditions and the following disclaimer
13  * in the documentation and/or other materials provided with the
14  * distribution.
15  *     * Neither the name of Google Inc. nor the names of its
16  * contributors may be used to endorse or promote products derived from
17  * this software without specific prior written permission.
18  *
19  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
20  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
21  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
22  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
23  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
24  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
25  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
26  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
27  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
28  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
29  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
30  */
31
32 WebInspector.CSSKeywordCompletions = {};
33
34 WebInspector.CSSKeywordCompletions.forProperty = function(propertyName)
35 {
36     var acceptedKeywords = ["initial"];
37     var isNotPrefixed = propertyName.charAt(0) !== "-";
38
39     if (propertyName in WebInspector.CSSKeywordCompletions._propertyKeywordMap)
40         acceptedKeywords = acceptedKeywords.concat(WebInspector.CSSKeywordCompletions._propertyKeywordMap[propertyName]);
41     else if (isNotPrefixed && ("-webkit-" + propertyName) in WebInspector.CSSKeywordCompletions._propertyKeywordMap)
42         acceptedKeywords = acceptedKeywords.concat(WebInspector.CSSKeywordCompletions._propertyKeywordMap["-webkit-" + propertyName]);
43
44     if (propertyName in WebInspector.CSSKeywordCompletions._colorAwareProperties)
45         acceptedKeywords = acceptedKeywords.concat(WebInspector.CSSKeywordCompletions._colors);
46     else if (isNotPrefixed && ("-webkit-" + propertyName) in WebInspector.CSSKeywordCompletions._colorAwareProperties)
47         acceptedKeywords = acceptedKeywords.concat(WebInspector.CSSKeywordCompletions._colors);
48
49     // Only suggest "inherit" on inheritable properties even though it is valid on all properties.
50     if (propertyName in WebInspector.CSSKeywordCompletions.InheritedProperties)
51         acceptedKeywords.push("inherit");
52     else if (isNotPrefixed && ("-webkit-" + propertyName) in WebInspector.CSSKeywordCompletions.InheritedProperties)
53         acceptedKeywords.push("inherit");
54
55     if (acceptedKeywords.contains(WebInspector.CSSKeywordCompletions.AllPropertyNamesPlaceholder)) {
56         acceptedKeywords.remove(WebInspector.CSSKeywordCompletions.AllPropertyNamesPlaceholder);
57         acceptedKeywords = acceptedKeywords.concat(WebInspector.CSSCompletions.cssNameCompletions.values);
58     }
59
60     return new WebInspector.CSSCompletions(acceptedKeywords, true);
61 };
62
63 WebInspector.CSSKeywordCompletions.isColorAwareProperty = function(propertyName)
64 {
65     return WebInspector.CSSKeywordCompletions._colorAwareProperties[propertyName] === true;
66 };
67
68 WebInspector.CSSKeywordCompletions.addCustomCompletions = function(properties)
69 {
70     // COMPATIBILITY (iOS 6): This used to be an array of strings. They won't have custom values.
71     if (properties.length && typeof properties[0] === "string")
72         return;
73
74     for (var property of properties) {
75         if (property.values)
76             WebInspector.CSSKeywordCompletions.addPropertyCompletionValues(property.name, property.values);
77     }
78 };
79
80 WebInspector.CSSKeywordCompletions.addPropertyCompletionValues = function(propertyName, newValues)
81 {
82     var existingValues = WebInspector.CSSKeywordCompletions._propertyKeywordMap[propertyName];
83     if (!existingValues) {
84         WebInspector.CSSKeywordCompletions._propertyKeywordMap[propertyName] = newValues;
85         return;
86     }
87
88     var union = new Set;
89     for (var value of existingValues)
90         union.add(value);
91     for (var value of newValues)
92         union.add(value);
93
94     WebInspector.CSSKeywordCompletions._propertyKeywordMap[propertyName] = [...union.values()];
95 };
96
97 WebInspector.CSSKeywordCompletions.AllPropertyNamesPlaceholder = "__all-properties__";
98
99 WebInspector.CSSKeywordCompletions.InheritedProperties = [
100     "azimuth", "border-collapse", "border-spacing", "caption-side", "clip-rule", "color", "color-interpolation",
101     "color-interpolation-filters", "color-rendering", "cursor", "direction", "elevation", "empty-cells", "fill",
102     "fill-opacity", "fill-rule", "font", "font-family", "font-size", "font-style", "font-variant", "font-weight",
103     "glyph-orientation-horizontal", "glyph-orientation-vertical", "image-rendering", "kerning", "letter-spacing",
104     "line-height", "list-style", "list-style-image", "list-style-position", "list-style-type", "marker", "marker-end",
105     "marker-mid", "marker-start", "orphans", "pitch", "pitch-range", "pointer-events", "quotes", "resize", "richness",
106     "shape-rendering", "speak", "speak-header", "speak-numeral", "speak-punctuation", "speech-rate", "stress", "stroke",
107     "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity",
108     "stroke-width", "tab-size", "text-align", "text-anchor", "text-decoration", "text-indent", "text-rendering",
109     "text-shadow", "text-transform", "visibility", "voice-family", "volume", "white-space", "widows", "word-break",
110     "word-spacing", "word-wrap", "writing-mode", "-webkit-aspect-ratio", "-webkit-border-horizontal-spacing",
111     "-webkit-border-vertical-spacing", "-webkit-box-direction", "-webkit-color-correction", "-webkit-font-feature-settings",
112     "-webkit-font-kerning", "-webkit-font-smoothing", "-webkit-font-variant-ligatures",
113     "-webkit-hyphenate-character", "-webkit-hyphenate-limit-after", "-webkit-hyphenate-limit-before",
114     "-webkit-hyphenate-limit-lines", "-webkit-hyphens", "-webkit-line-align", "-webkit-line-box-contain",
115     "-webkit-line-break", "-webkit-line-grid", "-webkit-line-snap", "-webkit-locale", "-webkit-nbsp-mode",
116     "-webkit-print-color-adjust", "-webkit-rtl-ordering", "-webkit-text-combine", "-webkit-text-decorations-in-effect",
117     "-webkit-text-emphasis", "-webkit-text-emphasis-color", "-webkit-text-emphasis-position", "-webkit-text-emphasis-style",
118     "-webkit-text-fill-color", "-webkit-text-orientation", "-webkit-text-security", "-webkit-text-size-adjust",
119     "-webkit-text-stroke", "-webkit-text-stroke-color", "-webkit-text-stroke-width", "-webkit-user-modify",
120     "-webkit-user-select", "-webkit-writing-mode", "-webkit-cursor-visibility", "image-orientation", "image-resolution",
121     "overflow-wrap", "-webkit-text-align-last", "-webkit-text-justify", "-webkit-ruby-position", "-webkit-text-decoration-line",
122
123     // iOS Properties
124     "-webkit-overflow-scrolling", "-webkit-touch-callout", "-webkit-tap-highlight-color"
125 ].keySet();
126
127 WebInspector.CSSKeywordCompletions._colors = [
128     "aqua", "black", "blue", "fuchsia", "gray", "green", "lime", "maroon", "navy", "olive", "orange", "purple", "red",
129     "silver", "teal", "white", "yellow", "transparent", "currentcolor", "grey", "aliceblue", "antiquewhite",
130     "aquamarine", "azure", "beige", "bisque", "blanchedalmond", "blueviolet", "brown", "burlywood", "cadetblue",
131     "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan",
132     "darkgoldenrod", "darkgray", "darkgreen", "darkgrey", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange",
133     "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkslategrey",
134     "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dimgrey", "dodgerblue", "firebrick",
135     "floralwhite", "forestgreen", "gainsboro", "ghostwhite", "gold", "goldenrod", "greenyellow", "honeydew", "hotpink",
136     "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue",
137     "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey", "lightpink",
138     "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightslategrey", "lightsteelblue", "lightyellow",
139     "limegreen", "linen", "magenta", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen",
140     "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream",
141     "mistyrose", "moccasin", "navajowhite", "oldlace", "olivedrab", "orangered", "orchid", "palegoldenrod", "palegreen",
142     "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "rebeccapurple", "rosybrown",
143     "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "skyblue", "slateblue",
144     "slategray", "slategrey", "snow", "springgreen", "steelblue", "tan", "thistle", "tomato", "turquoise", "violet",
145     "wheat", "whitesmoke", "yellowgreen", "rgb()", "rgba()", "hsl()", "hsla()"
146 ];
147
148 WebInspector.CSSKeywordCompletions._colorAwareProperties = [
149     "background", "background-color", "background-image", "border", "border-color", "border-top", "border-right", "border-bottom",
150     "border-left", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "box-shadow", "color",
151     "fill", "outline", "outline-color", "stroke", "text-line-through", "text-line-through-color", "text-overline", "text-overline-color",
152     "text-shadow", "text-underline", "text-underline-color", "-webkit-box-shadow", "-webkit-column-rule", "-webkit-column-rule-color",
153     "-webkit-text-emphasis", "-webkit-text-emphasis-color", "-webkit-text-fill-color", "-webkit-text-stroke", "-webkit-text-stroke-color",
154     "-webkit-text-decoration-color",
155
156     // iOS Properties
157     "-webkit-tap-highlight-color"
158 ].keySet();
159
160 WebInspector.CSSKeywordCompletions._propertyKeywordMap = {
161     "table-layout": [
162         "auto", "fixed"
163     ],
164     "visibility": [
165         "hidden", "visible", "collapse"
166     ],
167     "text-underline": [
168         "none", "dotted", "dashed", "solid", "double", "dot-dash", "dot-dot-dash", "wave"
169     ],
170     "content": [
171         "list-item", "close-quote", "no-close-quote", "no-open-quote", "open-quote", "attr()", "counter()", "counters()", "url()", "linear-gradient()", "radial-gradient()", "repeating-linear-gradient()", "repeating-radial-gradient()", "-webkit-canvas()", "-webkit-cross-fade()", "-webkit-image-set()"
172     ],
173     "list-style-image": [
174         "none", "url()", "linear-gradient()", "radial-gradient()", "repeating-linear-gradient()", "repeating-radial-gradient()", "-webkit-canvas()", "-webkit-cross-fade()", "-webkit-image-set()"
175     ],
176     "clear": [
177         "none", "left", "right", "both"
178     ],
179     "stroke-linejoin": [
180         "round", "miter", "bevel"
181     ],
182     "baseline-shift": [
183         "baseline", "sub", "super"
184     ],
185     "border-bottom-width": [
186         "medium", "thick", "thin", "calc()", "-webkit-calc()"
187     ],
188     "margin-top-collapse": [
189         "collapse", "separate", "discard"
190     ],
191     "-webkit-box-orient": [
192         "horizontal", "vertical", "inline-axis", "block-axis"
193     ],
194     "font-stretch": [
195         "normal", "wider", "narrower", "ultra-condensed", "extra-condensed", "condensed", "semi-condensed",
196         "semi-expanded", "expanded", "extra-expanded", "ultra-expanded"
197     ],
198     "-webkit-color-correction": [
199         "default", "srgb"
200     ],
201     "border-left-width": [
202         "medium", "thick", "thin", "calc()", "-webkit-calc()"
203     ],
204     "-webkit-writing-mode": [
205         "lr", "rl", "tb", "lr-tb", "rl-tb", "tb-rl", "horizontal-tb", "vertical-rl", "vertical-lr", "horizontal-bt"
206     ],
207     "text-line-through-mode": [
208         "continuous", "skip-white-space"
209     ],
210     "text-overline-mode": [
211         "continuous", "skip-white-space"
212     ],
213     "text-underline-mode": [
214         "continuous", "skip-white-space"
215     ],
216     "text-line-through-style": [
217         "none", "dotted", "dashed", "solid", "double", "dot-dash", "dot-dot-dash", "wave"
218     ],
219     "text-overline-style": [
220         "none", "dotted", "dashed", "solid", "double", "dot-dash", "dot-dot-dash", "wave"
221     ],
222     "text-underline-style": [
223         "none", "dotted", "dashed", "solid", "double", "dot-dash", "dot-dot-dash", "wave"
224     ],
225     "border-collapse": [
226         "collapse", "separate"
227     ],
228     "border-top-width": [
229         "medium", "thick", "thin", "calc()", "-webkit-calc()"
230     ],
231     "outline-color": [
232         "invert", "-webkit-focus-ring-color"
233     ],
234     "outline-style": [
235         "none", "hidden", "inset", "groove", "ridge", "outset", "dotted", "dashed", "solid", "double", "auto"
236     ],
237     "cursor": [
238         "none", "copy", "auto", "crosshair", "default", "pointer", "move", "vertical-text", "cell", "context-menu",
239         "alias", "progress", "no-drop", "not-allowed", "-webkit-zoom-in", "-webkit-zoom-out", "e-resize", "ne-resize",
240         "nw-resize", "n-resize", "se-resize", "sw-resize", "s-resize", "w-resize", "ew-resize", "ns-resize",
241         "nesw-resize", "nwse-resize", "col-resize", "row-resize", "text", "wait", "help", "all-scroll", "-webkit-grab",
242         "-webkit-grabbing", "url()", "-webkit-image-set()"
243     ],
244     "border-width": [
245         "medium", "thick", "thin", "calc()", "-webkit-calc()"
246     ],
247     "size": [
248         "a3", "a4", "a5", "b4", "b5", "landscape", "ledger", "legal", "letter", "portrait"
249     ],
250     "background": [
251         "none", "url()", "linear-gradient()", "radial-gradient()", "repeating-linear-gradient()", "repeating-radial-gradient()", "-webkit-canvas()", "-webkit-cross-fade()", "-webkit-image-set()",
252         "repeat", "repeat-x", "repeat-y", "no-repeat", "space", "round",
253         "scroll", "fixed", "local",
254         "auto", "contain", "cover",
255         "top", "right", "left", "bottom", "center",
256         "border-box", "padding-box", "content-box"
257     ],
258     "background-image": [
259         "none", "url()", "linear-gradient()", "radial-gradient()", "repeating-linear-gradient()", "repeating-radial-gradient()", "-webkit-canvas()", "-webkit-cross-fade()", "-webkit-image-set()"
260     ],
261     "background-size": [
262         "auto", "contain", "cover"
263     ],
264     "background-attachment": [
265         "scroll", "fixed", "local"
266     ],
267     "background-repeat": [
268         "repeat", "repeat-x", "repeat-y", "no-repeat", "space", "round"
269     ],
270     "background-blend-mode": [
271         "normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"
272     ],
273     "background-position": [
274         "top", "right", "left", "bottom", "center"
275     ],
276     "background-origin": [
277         "border-box", "padding-box", "content-box"
278     ],
279     "background-clip": [
280         "border-box", "padding-box", "content-box"
281     ],
282     "direction": [
283         "ltr", "rtl"
284     ],
285     "enable-background": [
286         "accumulate", "new"
287     ],
288     "float": [
289         "none", "left", "right"
290     ],
291     "overflow-x": [
292         "hidden", "auto", "visible", "overlay", "scroll", "marquee"
293     ],
294     "overflow-y": [
295         "hidden", "auto", "visible", "overlay", "scroll", "marquee", "-webkit-paged-x", "-webkit-paged-y"
296     ],
297     "overflow": [
298         "hidden", "auto", "visible", "overlay", "scroll", "marquee", "-webkit-paged-x", "-webkit-paged-y"
299     ],
300     "margin-bottom-collapse": [
301         "collapse",  "separate", "discard"
302     ],
303     "-webkit-box-reflect": [
304         "none", "left", "right", "above", "below"
305     ],
306     "text-rendering": [
307         "auto", "optimizeSpeed", "optimizeLegibility", "geometricPrecision"
308     ],
309     "text-align": [
310         "-webkit-auto", "left", "right", "center", "justify", "-webkit-left", "-webkit-right", "-webkit-center", "-webkit-match-parent", "start", "end"
311     ],
312     "list-style-position": [
313         "outside", "inside"
314     ],
315     "margin-bottom": [
316         "auto"
317     ],
318     "color-interpolation": [
319         "linearrgb"
320     ],
321     "word-wrap": [
322         "normal", "break-word"
323     ],
324     "font-weight": [
325         "normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900"
326     ],
327     "margin-before-collapse": [
328         "collapse", "separate", "discard"
329     ],
330     "text-overline-width": [
331         "normal", "medium", "auto", "thick", "thin", "calc()", "-webkit-calc()"
332     ],
333     "text-transform": [
334         "none", "capitalize", "uppercase", "lowercase"
335     ],
336     "border-right-style": [
337         "none", "hidden", "inset", "groove", "ridge", "outset", "dotted", "dashed", "solid", "double"
338     ],
339     "border-left-style": [
340         "none", "hidden", "inset", "groove", "ridge", "outset", "dotted", "dashed", "solid", "double"
341     ],
342     "font-style": [
343         "italic", "oblique", "normal"
344     ],
345     "speak": [
346         "none", "normal", "spell-out", "digits", "literal-punctuation", "no-punctuation"
347     ],
348     "text-line-through": [
349         "none", "dotted", "dashed", "solid", "double", "dot-dash", "dot-dot-dash", "wave", "continuous", "skip-white-space"
350     ],
351     "color-rendering": [
352         "auto", "optimizeSpeed", "optimizeQuality"
353     ],
354     "list-style-type": [
355         "none", "disc", "circle", "square", "decimal", "decimal-leading-zero", "arabic-indic", "binary", "bengali",
356         "cambodian", "khmer", "devanagari", "gujarati", "gurmukhi", "kannada", "lower-hexadecimal", "lao", "malayalam",
357         "mongolian", "myanmar", "octal", "oriya", "persian", "urdu", "telugu", "tibetan", "thai", "upper-hexadecimal",
358         "lower-roman", "upper-roman", "lower-greek", "lower-alpha", "lower-latin", "upper-alpha", "upper-latin", "afar",
359         "ethiopic-halehame-aa-et", "ethiopic-halehame-aa-er", "amharic", "ethiopic-halehame-am-et", "amharic-abegede",
360         "ethiopic-abegede-am-et", "cjk-earthly-branch", "cjk-heavenly-stem", "ethiopic", "ethiopic-halehame-gez",
361         "ethiopic-abegede", "ethiopic-abegede-gez", "hangul-consonant", "hangul", "lower-norwegian", "oromo",
362         "ethiopic-halehame-om-et", "sidama", "ethiopic-halehame-sid-et", "somali", "ethiopic-halehame-so-et", "tigre",
363         "ethiopic-halehame-tig", "tigrinya-er", "ethiopic-halehame-ti-er", "tigrinya-er-abegede",
364         "ethiopic-abegede-ti-er", "tigrinya-et", "ethiopic-halehame-ti-et", "tigrinya-et-abegede",
365         "ethiopic-abegede-ti-et", "upper-greek", "upper-norwegian", "asterisks", "footnotes", "hebrew", "armenian",
366         "lower-armenian", "upper-armenian", "georgian", "cjk-ideographic", "hiragana", "katakana", "hiragana-iroha",
367         "katakana-iroha"
368     ],
369     "-webkit-text-combine": [
370         "none", "horizontal"
371     ],
372     "outline": [
373         "none", "hidden", "inset", "groove", "ridge", "outset", "dotted", "dashed", "solid", "double"
374     ],
375     "font": [
376         "caption", "icon", "menu", "message-box", "small-caption", "-webkit-mini-control", "-webkit-small-control",
377         "-webkit-control", "status-bar", "italic", "oblique", "small-caps", "normal", "bold", "bolder", "lighter",
378         "100", "200", "300", "400", "500", "600", "700", "800", "900", "xx-small", "x-small", "small", "medium",
379         "large", "x-large", "xx-large", "-webkit-xxx-large", "smaller", "larger", "serif", "sans-serif", "cursive",
380         "fantasy", "monospace", "-webkit-body", "-webkit-pictograph", "-webkit-system-font", "-apple-system-font",
381         "-apple-system-headline", "-apple-system-body", "-apple-system-subheadline", "-apple-system-footnote",
382         "-apple-system-caption1", "-apple-system-caption2", "-apple-system-short-headline", "-apple-system-short-body",
383         "-apple-system-short-subheadline", "-apple-system-short-footnote", "-apple-system-short-caption1",
384         "-apple-system-tall-body"
385     ],
386     "dominant-baseline": [
387         "middle", "auto", "central", "text-before-edge", "text-after-edge", "ideographic", "alphabetic", "hanging",
388         "mathematical", "use-script", "no-change", "reset-size"
389     ],
390     "display": [
391         "none", "inline", "block", "list-item", "compact", "inline-block", "table", "inline-table",
392         "table-row-group", "table-header-group", "table-footer-group", "table-row", "table-column-group",
393         "table-column", "table-cell", "table-caption", "-webkit-box", "-webkit-inline-box", "-wap-marquee",
394         "flex", "inline-flex", "-webkit-grid", "-webkit-inline-grid"
395     ],
396     "image-rendering": [
397         "auto", "optimizeSpeed", "optimizeQuality", "-webkit-crisp-edges", "-webkit-optimize-contrast"
398     ],
399     "alignment-baseline": [
400         "baseline", "middle", "auto", "before-edge", "after-edge", "central", "text-before-edge", "text-after-edge",
401         "ideographic", "alphabetic", "hanging", "mathematical"
402     ],
403     "outline-width": [
404         "medium", "thick", "thin", "calc()", "-webkit-calc()"
405     ],
406     "text-line-through-width": [
407         "normal", "medium", "auto", "thick", "thin"
408     ],
409     "box-align": [
410         "baseline", "center", "stretch", "start", "end"
411     ],
412     "box-shadow": [
413         "none"
414     ],
415     "text-shadow": [
416         "none"
417     ],
418     "-webkit-box-shadow": [
419         "none"
420     ],
421     "border-right-width": [
422         "medium", "thick", "thin"
423     ],
424     "border-top-style": [
425         "none", "hidden", "inset", "groove", "ridge", "outset", "dotted", "dashed", "solid", "double"
426     ],
427     "line-height": [
428         "normal"
429     ],
430     "counter-increment": [
431         "none"
432     ],
433     "counter-reset": [
434         "none"
435     ],
436     "text-overflow": [
437         "clip", "ellipsis"
438     ],
439     "-webkit-box-direction": [
440         "normal", "reverse"
441     ],
442     "margin-after-collapse": [
443         "collapse", "separate", "discard"
444     ],
445     "page-break-after": [
446         "left", "right", "auto", "always", "avoid"
447     ],
448     "page-break-before": [
449         "left", "right", "auto", "always", "avoid"
450     ],
451     "page-break-inside": [
452         "auto", "avoid"
453     ],
454     "-webkit-column-break-after": [
455         "left", "right", "auto", "always", "avoid"
456     ],
457     "-webkit-column-break-before": [
458         "left", "right", "auto", "always", "avoid"
459     ],
460     "-webkit-column-break-inside": [
461         "auto", "avoid"
462     ],
463     "-webkit-hyphens": [
464         "none", "auto", "manual"
465     ],
466     "border-image": [
467         "repeat", "stretch", "url()", "linear-gradient()", "radial-gradient()", "repeating-linear-gradient()", "repeating-radial-gradient()", "-webkit-canvas()", "-webkit-cross-fade()", "-webkit-image-set()"
468     ],
469     "border-image-repeat": [
470         "repeat", "stretch", "space", "round"
471     ],
472     "-webkit-mask-box-image-repeat": [
473         "repeat", "stretch", "space", "round"
474     ],
475     "position": [
476         "absolute", "fixed", "relative", "static", "-webkit-sticky"
477     ],
478     "font-family": [
479         "serif", "sans-serif", "cursive", "fantasy", "monospace", "-webkit-body", "-webkit-pictograph",
480         "-webkit-system-font", "-apple-system-font", "-apple-system-headline", "-apple-system-body",
481         "-apple-system-subheadline", "-apple-system-footnote", "-apple-system-caption1", "-apple-system-caption2",
482         "-apple-system-short-headline", "-apple-system-short-body", "-apple-system-short-subheadline",
483         "-apple-system-short-footnote", "-apple-system-short-caption1", "-apple-system-tall-body",
484         "-apple-system-title1", "-apple-system-title2", "-apple-system-title3"
485     ],
486     "text-overflow-mode": [
487         "clip", "ellipsis"
488     ],
489     "border-bottom-style": [
490         "none", "hidden", "inset", "groove", "ridge", "outset", "dotted", "dashed", "solid", "double"
491     ],
492     "unicode-bidi": [
493         "normal", "bidi-override", "embed", "-webkit-plaintext", "-webkit-isolate", "-webkit-isolate-override"
494     ],
495     "clip-rule": [
496         "nonzero", "evenodd"
497     ],
498     "margin-left": [
499         "auto"
500     ],
501     "margin-top": [
502         "auto"
503     ],
504     "zoom": [
505         "normal", "document", "reset"
506     ],
507     "z-index": [
508         "auto"
509     ],
510     "width": [
511         "intrinsic", "min-intrinsic", "-webkit-min-content", "-webkit-max-content", "-webkit-fill-available", "-webkit-fit-content", "calc()", "-webkit-calc()"
512     ],
513     "height": [
514         "intrinsic", "min-intrinsic", "calc()", "-webkit-calc()"
515     ],
516     "max-width": [
517         "none", "intrinsic", "min-intrinsic", "-webkit-min-content", "-webkit-max-content", "-webkit-fill-available", "-webkit-fit-content", "calc()", "-webkit-calc()"
518     ],
519     "min-width": [
520         "intrinsic", "min-intrinsic", "-webkit-min-content", "-webkit-max-content", "-webkit-fill-available", "-webkit-fit-content", "calc()", "-webkit-calc()"
521     ],
522     "max-height": [
523         "none", "intrinsic", "min-intrinsic", "calc()", "-webkit-calc()"
524     ],
525     "min-height": [
526         "intrinsic", "min-intrinsic", "calc()", "-webkit-calc()"
527     ],
528     "-webkit-logical-width": [
529         "intrinsic", "min-intrinsic", "-webkit-min-content", "-webkit-max-content", "-webkit-fill-available", "-webkit-fit-content", "calc()", "-webkit-calc()"
530     ],
531     "-webkit-logical-height": [
532         "intrinsic", "min-intrinsic", "calc()", "-webkit-calc()"
533     ],
534     "-webkit-max-logical-width": [
535         "none", "intrinsic", "min-intrinsic", "-webkit-min-content", "-webkit-max-content", "-webkit-fill-available", "-webkit-fit-content", "calc()", "-webkit-calc()"
536     ],
537     "-webkit-min-logical-width": [
538         "intrinsic", "min-intrinsic", "-webkit-min-content", "-webkit-max-content", "-webkit-fill-available", "-webkit-fit-content", "calc()", "-webkit-calc()"
539     ],
540     "-webkit-max-logical-height": [
541         "none", "intrinsic", "min-intrinsic", "calc()", "-webkit-calc()"
542     ],
543     "-webkit-min-logical-height": [
544         "intrinsic", "min-intrinsic", "calc()", "-webkit-calc()"
545     ],
546     "empty-cells": [
547         "hide", "show"
548     ],
549     "pointer-events": [
550         "none", "all", "auto", "visible", "visiblepainted", "visiblefill", "visiblestroke", "painted", "fill", "stroke"
551     ],
552     "letter-spacing": [
553         "normal", "calc()", "-webkit-calc()"
554     ],
555     "word-spacing": [
556         "normal", "calc()", "-webkit-calc()"
557     ],
558     "-webkit-font-kerning": [
559         "auto", "normal", "none"
560     ],
561     "-webkit-font-smoothing": [
562         "none", "auto", "antialiased", "subpixel-antialiased"
563     ],
564     "border": [
565         "none", "hidden", "inset", "groove", "ridge", "outset", "dotted", "dashed", "solid", "double"
566     ],
567     "font-size": [
568         "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "-webkit-xxx-large", "smaller", "larger"
569     ],
570     "font-variant": [
571         "small-caps", "normal"
572     ],
573     "vertical-align": [
574         "baseline", "middle", "sub", "super", "text-top", "text-bottom", "top", "bottom", "-webkit-baseline-middle"
575     ],
576     "white-space": [
577         "normal", "nowrap", "pre", "pre-line", "pre-wrap"
578     ],
579     "word-break": [
580         "normal", "break-all", "break-word"
581     ],
582     "text-underline-width": [
583         "normal", "medium", "auto", "thick", "thin", "calc()", "-webkit-calc()"
584     ],
585     "text-indent": [
586         "-webkit-each-line", "-webkit-hanging"
587     ],
588     "-webkit-box-lines": [
589         "single", "multiple"
590     ],
591     "clip": [
592         "auto", "rect()"
593     ],
594     "clip-path": [
595         "none", "url()", "circle()", "ellipse()", "inset()", "polygon()", "margin-box", "border-box", "padding-box", "content-box"
596     ],
597     "-webkit-shape-outside": [
598         "none", "url()", "circle()", "ellipse()", "inset()", "polygon()", "margin-box", "border-box", "padding-box", "content-box"
599     ],
600     "orphans": [
601         "auto"
602     ],
603     "widows": [
604         "auto"
605     ],
606     "margin": [
607         "auto"
608     ],
609     "page": [
610         "auto"
611     ],
612     "-webkit-marquee-increment": [
613         "small", "large", "medium"
614     ],
615     "-webkit-marquee-direction": [
616         "left", "right", "auto", "reverse", "forwards", "backwards", "ahead", "up", "down"
617     ],
618     "-webkit-marquee-style": [
619         "none", "scroll", "slide", "alternate"
620     ],
621     "-webkit-marquee-repetition": [
622         "infinite"
623     ],
624     "-webkit-marquee-speed": [
625         "normal", "slow", "fast"
626     ],
627     "margin-right": [
628         "auto"
629     ],
630     "marquee-speed": [
631         "normal", "slow", "fast"
632     ],
633     "-webkit-text-emphasis": [
634         "circle", "filled", "open", "dot", "double-circle", "triangle", "sesame"
635     ],
636     "-webkit-text-emphasis-style": [
637         "circle", "filled", "open", "dot", "double-circle", "triangle", "sesame"
638     ],
639     "-webkit-text-emphasis-position": [
640         "over", "under", "left", "right"
641     ],
642     "-webkit-transform": [
643         "none",
644         "scale()", "scaleX()", "scaleY()", "scale3d()", "rotate()", "rotateX()", "rotateY()", "rotateZ()", "rotate3d()", "skew()", "skewX()", "skewY()",
645         "translate()", "translateX()", "translateY()", "translateZ()", "translate3d()", "matrix()", "matrix3d()", "perspective()"
646     ],
647     "-webkit-cursor-visibility": [
648         "auto", "auto-hide"
649     ],
650     "text-decoration": [
651         "none", "underline", "overline", "line-through", "blink"
652     ],
653     "-webkit-text-decorations-in-effect": [
654         "none", "underline", "overline", "line-through", "blink"
655     ],
656     "-webkit-text-decoration-line": [
657         "none", "underline", "overline", "line-through", "blink"
658     ],
659     "-webkit-text-decoration-style": [
660         "solid", "double", "dotted", "dashed", "wavy"
661     ],
662     "-webkit-text-decoration-skip": [
663         "auto", "none", "objects", "ink"
664     ],
665     "-webkit-text-underline-position": [
666         "auto", "alphabetic", "under"
667     ],
668     "image-resolution": [
669         "from-image", "snap"
670     ],
671     "-webkit-blend-mode": [
672         "normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"
673     ],
674     "mix": [
675         "auto",
676         "normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity",
677         "clear", "copy", "destination", "source-over", "destination-over", "source-in", "destination-in", "source-out", "destination-out", "source-atop", "destination-atop", "xor"
678     ],
679     "geometry": [
680         "detached", "attached", "grid()"
681     ],
682     "overflow-wrap": [
683         "normal", "break-word"
684     ],
685     "transition": [
686         "none", "ease", "linear", "ease-in", "ease-out", "ease-in-out", "step-start", "step-end", "steps()", "cubic-bezier()", "all", WebInspector.CSSKeywordCompletions.AllPropertyNamesPlaceholder
687     ],
688     "transition-timing-function": [
689         "ease", "linear", "ease-in", "ease-out", "ease-in-out", "step-start", "step-end", "steps()", "cubic-bezier()"
690     ],
691     "transition-property": [
692         "all", "none", WebInspector.CSSKeywordCompletions.AllPropertyNamesPlaceholder
693     ],
694     "-webkit-column-progression": [
695         "normal", "reverse"
696     ],
697     "-webkit-box-decoration-break": [
698         "slice", "clone"
699     ],
700     "align-content": [
701         "flex-start", "flex-end", "center", "space-between", "space-around", "stretch"
702     ],
703     "align-items": [
704         "flex-start", "flex-end", "center", "baseline", "stretch"
705     ],
706     "align-self": [
707         "auto", "flex-start", "flex-end", "center", "baseline", "stretch"
708     ],
709     "justify-content": [
710         "flex-start", "flex-end", "center", "space-between", "space-around"
711     ],
712     "flex-direction": [
713         "row", "row-reverse", "column", "column-reverse"
714     ],
715     "flex-wrap": [
716         "nowrap", "wrap", "wrap-reverse"
717     ],
718     "flex-flow": [
719         "row", "row-reverse", "column", "column-reverse",
720         "nowrap", "wrap", "wrap-reverse"
721     ],
722     "flex": [
723         "none"
724     ],
725     "flex-basis": [
726         "auto"
727     ],
728     "-webkit-grid-after": [
729         "auto"
730     ],
731     "-webkit-grid-before": [
732         "auto"
733     ],
734     "-webkit-grid-end": [
735         "auto"
736     ],
737     "-webkit-grid-start": [
738         "auto"
739     ],
740     "-webkit-grid-auto-flow": [
741         "none", "rows", "columns"
742     ],
743     "-webkit-grid-column": [
744         "auto"
745     ],
746     "-webkit-grid-row": [
747         "auto"
748     ],
749     "-webkit-grid-columns": [
750         "auto", "-webkit-max-content", "-webkit-min-content"
751     ],
752     "-webkit-grid-rows": [
753         "auto", "-webkit-max-content", "-webkit-min-content"
754     ],
755     "-webkit-ruby-position": [
756         "after", "before"
757     ],
758     "-webkit-text-align-last": [
759         "auto", "start", "end", "left", "right", "center", "justify"
760     ],
761     "-webkit-text-justify": [
762         "auto", "none", "inter-word", "inter-ideograph", "inter-cluster", "distribute", "kashida"
763     ],
764     "max-zoom": [
765         "auto"
766     ],
767     "min-zoom": [
768         "auto"
769     ],
770     "orientation": [
771         "auto", "portait", "landscape"
772     ],
773     "user-zoom": [
774         "zoom", "fixed"
775     ],
776     "-webkit-app-region": [
777         "drag", "no-drag"
778     ],
779     "-webkit-line-break": [
780         "auto", "loose", "normal", "strict", "after-white-space"
781     ],
782     "-webkit-background-composite": [
783         "clear", "copy", "source-over", "source-in", "source-out", "source-atop", "destination-over", "destination-in", "destination-out", "destination-atop", "xor", "plus-darker", "plus-lighter"
784     ],
785     "-webkit-mask-composite": [
786         "clear", "copy", "source-over", "source-in", "source-out", "source-atop", "destination-over", "destination-in", "destination-out", "destination-atop", "xor", "plus-darker", "plus-lighter"
787     ],
788     "-webkit-animation-direction": [
789         "normal", "alternate", "reverse", "alternate-reverse"
790     ],
791     "-webkit-animation-fill-mode": [
792         "none", "forwards", "backwards", "both"
793     ],
794     "-webkit-animation-iteration-count": [
795         "infinite"
796     ],
797     "-webkit-animation-play-state": [
798         "paused", "running"
799     ],
800     "-webkit-animation-timing-function": [
801         "ease", "linear", "ease-in", "ease-out", "ease-in-out", "step-start", "step-end", "steps()", "cubic-bezier()"
802     ],
803     "-webkit-column-span": [
804         "all", "none", "calc()", "-webkit-calc()"
805     ],
806     "-webkit-region-break-after": [
807         "auto", "always", "avoid", "left", "right"
808     ],
809     "-webkit-region-break-before": [
810         "auto", "always", "avoid", "left", "right"
811     ],
812     "-webkit-region-break-inside": [
813         "auto", "avoid"
814     ],
815     "-webkit-region-overflow": [
816         "auto", "break"
817     ],
818     "-webkit-backface-visibility": [
819         "visible", "hidden"
820     ],
821     "resize": [
822         "none", "both", "horizontal", "vertical", "auto"
823     ],
824     "caption-side": [
825         "top", "bottom", "left", "right"
826     ],
827     "box-sizing": [
828         "border-box", "content-box"
829     ],
830     "-webkit-alt": [
831         "attr()"
832     ],
833     "-webkit-border-fit": [
834         "border", "lines"
835     ],
836     "-webkit-line-align": [
837         "none", "edges"
838     ],
839     "-webkit-line-snap": [
840         "none", "baseline", "contain"
841     ],
842     "-webkit-nbsp-mode": [
843         "normal", "space"
844     ],
845     "-webkit-print-color-adjust": [
846         "exact", "economy"
847     ],
848     "-webkit-rtl-ordering": [
849         "logical", "visual"
850     ],
851     "-webkit-text-security": [
852         "disc", "circle", "square", "none"
853     ],
854     "-webkit-transform-style": [
855         "flat", "preserve-3d"
856     ],
857     "-webkit-user-drag": [
858         "auto", "none", "element"
859     ],
860     "-webkit-user-modify": [
861         "read-only", "read-write", "read-write-plaintext-only"
862     ],
863     "-webkit-text-stroke-width": [
864         "medium", "thick", "thin", "calc()", "-webkit-calc()"
865     ],
866     "-webkit-border-start-width": [
867         "medium", "thick", "thin", "calc()", "-webkit-calc()"
868     ],
869     "-webkit-border-end-width": [
870         "medium", "thick", "thin", "calc()", "-webkit-calc()"
871     ],
872     "-webkit-border-before-width": [
873         "medium", "thick", "thin", "calc()", "-webkit-calc()"
874     ],
875     "-webkit-border-after-width": [
876         "medium", "thick", "thin", "calc()", "-webkit-calc()"
877     ],
878     "-webkit-column-rule-width": [
879         "medium", "thick", "thin", "calc()", "-webkit-calc()"
880     ],
881     "-webkit-aspect-ratio": [
882         "auto", "from-dimensions", "from-intrinsic", "/"
883     ],
884     "-webkit-filter": [
885         "none", "grayscale()", "sepia()", "saturate()", "hue-rotate()", "invert()", "opacity()", "brightness()", "contrast()", "blur()", "drop-shadow()", "custom()"
886     ],
887     "-webkit-perspective": [
888         "none"
889     ],
890     "-webkit-column-count": [
891         "auto", "calc()", "-webkit-calc()"
892     ],
893     "-webkit-column-gap": [
894         "normal", "calc()", "-webkit-calc()"
895     ],
896     "-webkit-column-axis": [
897         "horizontal", "vertical", "auto"
898     ],
899     "-webkit-column-width": [
900         "auto", "calc()", "-webkit-calc()"
901     ],
902     "-webkit-hyphenate-character": [
903         "none"
904     ],
905     "-webkit-hyphenate-limit-after": [
906         "auto"
907     ],
908     "-webkit-hyphenate-limit-before": [
909         "auto"
910     ],
911     "-webkit-hyphenate-limit-lines": [
912         "no-limit"
913     ],
914     "-webkit-line-grid": [
915         "none"
916     ],
917     "-webkit-locale": [
918         "auto"
919     ],
920     "-webkit-text-orientation": [
921         "sideways", "sideways-right", "vertical-right", "upright"
922     ],
923     "-webkit-line-box-contain": [
924         "block", "inline", "font", "glyphs", "replaced", "inline-box", "none", "initial"
925     ],
926     "-webkit-font-feature-settings": [
927         "normal"
928     ],
929     "-webkit-font-variant-ligatures": [
930         "normal", "common-ligatures", "no-common-ligatures", "discretionary-ligatures", "no-discretionary-ligatures", "historical-ligatures", "no-historical-ligatures"
931     ],
932     /*
933     "-webkit-appearance": [
934         "none", "checkbox", "radio", "push-button", "square-button", "button", "button-bevel", "default-button", "inner-spin-button", "listbox", "listitem", "media-enter-fullscreen-button", "media-exit-fullscreen-button", "media-fullscreen-volume-slider", "media-fullscreen-volume-slider-thumb", "media-mute-button", "media-play-button", "media-overlay-play-button", "media-seek-back-button", "media-seek-forward-button", "media-rewind-button", "media-return-to-realtime-button", "media-toggle-closed-captions-button", "media-slider", "media-sliderthumb", "media-volume-slider-container", "media-volume-slider", "media-volume-sliderthumb", "media-volume-slider-mute-button", "media-controls-background", "media-controls-fullscreen-background", "media-current-time-display", "media-time-remaining-display", "menulist", "menulist-button", "menulist-text", "menulist-textfield", "meter", "progress-bar", "progress-bar-value", "slider-horizontal", "slider-vertical", "sliderthumb-horizontal", "sliderthumb-vertical", "caret", "searchfield", "searchfield-decoration", "searchfield-results-decoration", "searchfield-results-button", "searchfield-cancel-button", "snapshotted-plugin-overlay", "textfield", "relevancy-level-indicator", "continuous-capacity-level-indicator", "discrete-capacity-level-indicator", "rating-level-indicator", "textarea"
935     ],
936     */
937     "-webkit-scroll-snap-type": [
938         "mandatory", "proximity", "none"
939     ],
940     "-webkit-scroll-snap-points-x": [
941         "elements", "repeat"
942     ],
943     "-webkit-scroll-snap-points-y": [
944         "elements", "repeat"
945     ],
946     "-webkit-scroll-snap-coordinate": [
947         "none"
948     ],
949
950     // iOS Properties
951     "-webkit-text-size-adjust": [
952         "none", "auto"
953     ],
954     "-webkit-touch-callout": [
955         "default", "none"
956     ],
957     "-webkit-overflow-scrolling": [
958         "auto", "touch"
959     ]
960 };