From b2c6c5a87a148e1730b72aa6d851609d64b5728d Mon Sep 17 00:00:00 2001
From: Pine Wu <octref@gmail.com>
Date: Mon, 4 Nov 2019 14:38:01 -0500
Subject: [PATCH] Fix microsoft/vscode#3145

---
 src/data/browsers.ts                 | 22462 ++++++++++++-------------
 src/services/cssCompletion.ts        |    37 +-
 src/test/css/completion.test.ts      |     6 +-
 src/test/scss/scssCompletion.test.ts |     2 +-
 4 files changed, 11263 insertions(+), 11244 deletions(-)

diff --git a/src/data/browsers.ts b/src/data/browsers.ts
index 031c51ab..d0b760a3 100644
--- a/src/data/browsers.ts
+++ b/src/data/browsers.ts
@@ -10,550 +10,539 @@ export const cssData : CSSDataV1 = {
 	"version": 1.1,
 	"properties": [
 		{
-			name: "additive-symbols",
-			browsers: [
-				"FF33"
-			],
-			"syntax": "[ <integer> && <symbol> ]#",
-			"description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor. Needs to be specified if the counter system is 'additive'.",
-			"restrictions": [
-				"integer",
-				"string",
-				"image",
-				"identifier"
-			]
-		},
-		{
-			name: "align-content",
+			name: "width",
 			values: [
 				{
-					name: "center",
-					"description": "Lines are packed toward the center of the flex container."
-				},
-				{
-					name: "flex-end",
-					"description": "Lines are packed toward the end of the flex container."
+					name: "auto",
+					"description": "The width depends on the values of other properties."
 				},
 				{
-					name: "flex-start",
-					"description": "Lines are packed toward the start of the flex container."
+					name: "fit-content",
+					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
 				},
 				{
-					name: "space-around",
-					"description": "Lines are evenly distributed in the flex container, with half-size spaces on either end."
+					name: "max-content",
+					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
 				},
 				{
-					name: "space-between",
-					"description": "Lines are evenly distributed in the flex container."
-				},
+					name: "min-content",
+					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
+				}
+			],
+			"syntax": "<viewport-length>{1,2}",
+			"references": [
 				{
-					name: "stretch",
-					"description": "Lines stretch to take up the remaining space."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/width"
 				}
 			],
-			"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
-			"description": "Aligns a flex container’s lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis.",
+			"description": "Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "align-items",
+			name: "height",
 			values: [
 				{
-					name: "baseline",
-					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
+					name: "auto",
+					"description": "The height depends on the values of other properties."
 				},
 				{
-					name: "center",
-					"description": "The flex item’s margin box is centered in the cross axis within the line."
+					name: "fit-content",
+					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
 				},
 				{
-					name: "flex-end",
-					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
+					name: "max-content",
+					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
 				},
 				{
-					name: "flex-start",
-					"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
-				},
+					name: "min-content",
+					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
+				}
+			],
+			"syntax": "<viewport-length>{1,2}",
+			"references": [
 				{
-					name: "stretch",
-					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/height"
 				}
 			],
-			"syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
-			"description": "Aligns flex items along the cross axis of the current line of the flex container.",
+			"description": "Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "justify-items",
+			name: "display",
 			values: [
 				{
-					name: "auto"
+					name: "block",
+					"description": "The element generates a block-level box"
 				},
 				{
-					name: "normal"
+					name: "contents",
+					"description": "The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal."
 				},
 				{
-					name: "end"
+					name: "flex",
+					"description": "The element generates a principal flex container box and establishes a flex formatting context."
 				},
 				{
-					name: "start"
+					name: "flexbox",
+					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
 				},
 				{
-					name: "flex-end",
-					"description": "\"Flex items are packed toward the end of the line.\""
+					name: "flow-root",
+					"description": "The element generates a block container box, and lays out its contents using flow layout."
 				},
 				{
-					name: "flex-start",
-					"description": "\"Flex items are packed toward the start of the line.\""
+					name: "grid",
+					"description": "The element generates a principal grid container box, and establishes a grid formatting context."
 				},
 				{
-					name: "self-end",
-					"description": "The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis."
+					name: "inline",
+					"description": "The element generates an inline-level box."
 				},
 				{
-					name: "self-start",
-					"description": "The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.."
+					name: "inline-block",
+					"description": "A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box."
 				},
 				{
-					name: "center",
-					"description": "The items are packed flush to each other toward the center of the of the alignment container."
+					name: "inline-flex",
+					"description": "Inline-level flex container."
 				},
 				{
-					name: "left"
+					name: "inline-flexbox",
+					"description": "Inline-level flex container. Standardized as 'inline-flex'"
 				},
 				{
-					name: "right"
+					name: "inline-table",
+					"description": "Inline-level table wrapper box containing table box."
 				},
 				{
-					name: "baseline"
+					name: "list-item",
+					"description": "One or more block boxes and one marker box."
 				},
 				{
-					name: "first baseline"
+					name: "-moz-box",
+					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
 				},
 				{
-					name: "last baseline"
+					name: "-moz-deck"
 				},
 				{
-					name: "stretch",
-					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
+					name: "-moz-grid"
 				},
 				{
-					name: "save"
+					name: "-moz-grid-group"
 				},
 				{
-					name: "unsave"
+					name: "-moz-grid-line"
 				},
 				{
-					name: "legacy"
-				}
-			],
-			"syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
-			"description": "Defines the default justify-self for all items of the box, giving them the default way of justifying each box along the appropriate axis",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "justify-self",
-			browsers: [
-				"E16",
-				"FF45",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "-moz-groupbox"
+				},
 				{
-					name: "auto"
+					name: "-moz-inline-box",
+					"description": "Inline-level flex container. Standardized as 'inline-flex'"
 				},
 				{
-					name: "normal"
+					name: "-moz-inline-grid"
 				},
 				{
-					name: "end"
+					name: "-moz-inline-stack"
 				},
 				{
-					name: "start"
+					name: "-moz-marker"
 				},
 				{
-					name: "flex-end",
-					"description": "\"Flex items are packed toward the end of the line.\""
+					name: "-moz-popup"
 				},
 				{
-					name: "flex-start",
-					"description": "\"Flex items are packed toward the start of the line.\""
+					name: "-moz-stack"
 				},
 				{
-					name: "self-end",
-					"description": "The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis."
+					name: "-ms-flexbox",
+					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
 				},
 				{
-					name: "self-start",
-					"description": "The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.."
+					name: "-ms-grid",
+					"description": "The element generates a principal grid container box, and establishes a grid formatting context."
 				},
 				{
-					name: "center",
-					"description": "The items are packed flush to each other toward the center of the of the alignment container."
+					name: "-ms-inline-flexbox",
+					"description": "Inline-level flex container. Standardized as 'inline-flex'"
 				},
 				{
-					name: "left"
+					name: "-ms-inline-grid",
+					"description": "Inline-level grid container."
 				},
 				{
-					name: "right"
+					name: "none",
+					"description": "The element and its descendants generates no boxes."
 				},
 				{
-					name: "baseline"
+					name: "ruby",
+					"description": "The element generates a principal ruby container box, and establishes a ruby formatting context."
 				},
 				{
-					name: "first baseline"
+					name: "ruby-base"
 				},
 				{
-					name: "last baseline"
+					name: "ruby-base-container"
 				},
 				{
-					name: "stretch",
-					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
+					name: "ruby-text"
 				},
 				{
-					name: "save"
+					name: "ruby-text-container"
 				},
 				{
-					name: "unsave"
-				}
-			],
-			"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
-			"description": "Defines the way of justifying a box inside its container along the appropriate axis.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "align-self",
-			values: [
+					name: "run-in",
+					"description": "The element generates a run-in box. Run-in elements act like inlines or blocks, depending on the surrounding elements."
+				},
 				{
-					name: "auto",
-					"description": "Computes to the value of 'align-items' on the element’s parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself."
+					name: "table",
+					"description": "The element generates a principal table wrapper box containing an additionally-generated table box, and establishes a table formatting context."
 				},
 				{
-					name: "baseline",
-					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
+					name: "table-caption"
 				},
 				{
-					name: "center",
-					"description": "The flex item’s margin box is centered in the cross axis within the line."
+					name: "table-cell"
 				},
 				{
-					name: "flex-end",
-					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
+					name: "table-column"
 				},
 				{
-					name: "flex-start",
-					"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
+					name: "table-column-group"
 				},
 				{
-					name: "stretch",
-					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
-				}
-			],
-			"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
-			"description": "Allows the default alignment along the cross axis to be overridden for individual flex items.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "all",
-			browsers: [
-				"FF27",
-				"S9.1",
-				"C37",
-				"O24"
-			],
-			values: [],
-			"syntax": "initial | inherit | unset | revert",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/all"
-				}
-			],
-			"description": "Shorthand that resets all properties except 'direction' and 'unicode-bidi'.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "alt",
-			browsers: [
-				"S9"
-			],
-			values: [],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/alt"
-				}
-			],
-			"description": "Provides alternative text for assistive technology to replace the generated content of a ::before or ::after element.",
-			"restrictions": [
-				"string",
-				"enum"
-			]
-		},
-		{
-			name: "animation",
-			values: [
-				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
-				},
-				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+					name: "table-footer-group"
 				},
 				{
-					name: "backwards",
-					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
+					name: "table-header-group"
 				},
 				{
-					name: "both",
-					"description": "Both forwards and backwards fill modes are applied."
+					name: "table-row"
 				},
 				{
-					name: "forwards",
-					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+					name: "table-row-group"
 				},
 				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
+					name: "-webkit-box",
+					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
 				},
 				{
-					name: "none",
-					"description": "No animation is performed"
+					name: "-webkit-flex",
+					"description": "The element lays out its contents using flow layout (block-and-inline layout)."
 				},
 				{
-					name: "normal",
-					"description": "Normal playback."
+					name: "-webkit-inline-box",
+					"description": "Inline-level flex container. Standardized as 'inline-flex'"
 				},
 				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
+					name: "-webkit-inline-flex",
+					"description": "Inline-level flex container."
 				}
 			],
-			"syntax": "<single-animation>#",
+			"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/display"
 				}
 			],
-			"description": "Shorthand property combines six of the animation properties into a single property.",
+			"description": "In combination with 'float' and 'position', determines the type of box or boxes that are generated for an element.",
 			"restrictions": [
-				"time",
-				"timing-function",
-				"enum",
-				"identifier",
-				"number"
+				"enum"
 			]
 		},
 		{
-			name: "animation-delay",
-			"syntax": "<time>#",
+			name: "padding",
+			values: [],
+			"syntax": "[ <length> | <percentage> ]{1,4}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-delay"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding"
 				}
 			],
-			"description": "Defines when the animation will start.",
+			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
 			"restrictions": [
-				"time"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "animation-direction",
+			name: "position",
 			values: [
 				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+					name: "absolute",
+					"description": "The box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's 'containing block'."
 				},
 				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+					name: "fixed",
+					"description": "The box's position is calculated according to the 'absolute' model, but in addition, the box is fixed with respect to some reference. As with the 'absolute' model, the box's margins do not collapse with any other margins."
 				},
 				{
-					name: "normal",
-					"description": "Normal playback."
+					name: "-ms-page",
+					"description": "The box's position is calculated according to the 'absolute' model."
 				},
 				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
+					name: "relative",
+					"description": "The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position."
+				},
+				{
+					name: "static",
+					"description": "The box is a normal box, laid out according to the normal flow. The 'top', 'right', 'bottom', and 'left' properties do not apply."
+				},
+				{
+					name: "sticky",
+					"description": "The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes."
+				},
+				{
+					name: "-webkit-sticky",
+					"description": "The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes."
 				}
 			],
-			"syntax": "<single-animation-direction>#",
+			"syntax": "static | relative | absolute | sticky | fixed",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-direction"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/position"
 				}
 			],
-			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "animation-duration",
-			"syntax": "<time>#",
+			name: "border",
+			"syntax": "<line-width> || <line-style> || <color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-duration"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border"
 				}
 			],
-			"description": "Defines the length of time that an animation takes to complete one cycle.",
+			"description": "Shorthand property for setting border width, style, and color.",
 			"restrictions": [
-				"time"
+				"length",
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "animation-fill-mode",
+			name: "margin",
 			values: [
 				{
-					name: "backwards",
-					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
-				},
-				{
-					name: "both",
-					"description": "Both forwards and backwards fill modes are applied."
-				},
-				{
-					name: "forwards",
-					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
-				},
-				{
-					name: "none",
-					"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
+					name: "auto"
 				}
 			],
-			"syntax": "<single-animation-fill-mode>#",
+			"syntax": "[ <length> | <percentage> | auto ]{1,4}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin"
 				}
 			],
-			"description": "Defines what values are applied by the animation outside the time it is executing.",
+			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "animation-iteration-count",
+			name: "top",
 			values: [
 				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
+					name: "auto",
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
 				}
 			],
-			"syntax": "<single-animation-iteration-count>#",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/top"
 				}
 			],
-			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
+			"description": "Specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's 'containing block'.",
 			"restrictions": [
-				"number",
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "animation-name",
+			name: "left",
 			values: [
 				{
-					name: "none",
-					"description": "No animation is performed"
+					name: "auto",
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
 				}
 			],
-			"syntax": "[ none | <keyframes-name> ]#",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-name"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/left"
 				}
 			],
-			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
+			"description": "Specifies how far an absolutely positioned box's left margin edge is offset to the right of the left edge of the box's 'containing block'.",
 			"restrictions": [
-				"identifier",
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "animation-play-state",
+			name: "margin-top",
 			values: [
 				{
-					name: "paused",
-					"description": "A running animation will be paused."
-				},
-				{
-					name: "running",
-					"description": "Resume playback of a paused animation."
+					name: "auto"
 				}
 			],
-			"syntax": "<single-animation-play-state>#",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-play-state"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-top"
 				}
 			],
-			"description": "Defines whether the animation is running or paused.",
+			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "animation-timing-function",
-			"syntax": "<timing-function>#",
+			name: "color",
+			"syntax": "<color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-timing-function"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/color"
 				}
 			],
-			"description": "Describes how the animation will progress over one cycle of its duration.",
+			"description": "Color of an element's text",
 			"restrictions": [
-				"timing-function"
+				"color"
 			]
 		},
 		{
-			name: "backface-visibility",
+			name: "font-size",
 			values: [
 				{
-					name: "hidden",
-					"description": "Back side is hidden."
+					name: "large"
 				},
 				{
-					name: "visible",
-					"description": "Back side is visible."
+					name: "larger"
+				},
+				{
+					name: "medium"
+				},
+				{
+					name: "small"
+				},
+				{
+					name: "smaller"
+				},
+				{
+					name: "x-large"
+				},
+				{
+					name: "x-small"
+				},
+				{
+					name: "xx-large"
+				},
+				{
+					name: "xx-small"
 				}
 			],
-			"syntax": "visible | hidden",
+			"syntax": "<absolute-size> | <relative-size> | <length-percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/backface-visibility"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-size"
 				}
 			],
-			"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
+			"description": "Indicates the desired height of glyphs from the font. For scalable fonts, the font-size is a scale factor applied to the EM unit of the font. (Note that certain glyphs may bleed outside their EM box.) For non-scalable fonts, the font-size is converted into absolute units and matched against the declared font-size of the font, using the same absolute coordinate space for both of the matched values.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "background-color",
+			"syntax": "<color>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-color"
+				}
+			],
+			"description": "Sets the background color of an element.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "text-align",
+			values: [
+				{
+					name: "center",
+					"description": "The inline contents are centered within the line box."
+				},
+				{
+					name: "end",
+					"description": "The inline contents are aligned to the end edge of the line box."
+				},
+				{
+					name: "justify",
+					"description": "The text is justified according to the method specified by the 'text-justify' property."
+				},
+				{
+					name: "left",
+					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
+				},
+				{
+					name: "right",
+					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
+				},
+				{
+					name: "start",
+					"description": "The inline contents are aligned to the start edge of the line box."
+				}
+			],
+			"syntax": "start | end | left | right | center | justify | match-parent",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-align"
+				}
+			],
+			"description": "Describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box.",
+			"restrictions": [
+				"string"
+			]
+		},
+		{
+			name: "opacity",
+			"syntax": "<number>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/opacity"
+				}
+			],
+			"description": "Opacity of an element's text, where 1 is opaque and 0 is entirely transparent.",
+			"restrictions": [
+				"number(0-1)"
 			]
 		},
 		{
@@ -596,1177 +585,1645 @@ export const cssData : CSSDataV1 = {
 			]
 		},
 		{
-			name: "background-attachment",
+			name: "float",
 			values: [
 				{
-					name: "fixed",
-					"description": "The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page."
+					name: "inline-end",
+					"description": "A keyword indicating that the element must float on the end side of its containing block. That is the right side with ltr scripts, and the left side with rtl scripts."
 				},
 				{
-					name: "local",
-					"description": "The background is fixed with regard to the element’s contents: if the element has a scrolling mechanism, the background scrolls with the element’s contents."
+					name: "inline-start",
+					"description": "A keyword indicating that the element must float on the start side of its containing block. That is the left side with ltr scripts, and the right side with rtl scripts."
 				},
 				{
-					name: "scroll",
-					"description": "The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element’s border.)"
+					name: "left",
+					"description": "The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property)."
+				},
+				{
+					name: "none",
+					"description": "The box is not floated."
+				},
+				{
+					name: "right",
+					"description": "Similar to 'left', except the box is floated to the right, and content flows on the left side of the box, starting at the top."
 				}
 			],
-			"syntax": "<attachment>#",
+			"syntax": "left | right | none | inline-start | inline-end",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-attachment"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/float"
 				}
 			],
-			"description": "Specifies whether the background images are fixed with regard to the viewport ('fixed') or scroll along with the element ('scroll') or its contents ('local').",
+			"description": "Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "background-blend-mode",
-			browsers: [
-				"FF30",
-				"S8",
-				"C35",
-				"O22"
-			],
+			name: "font-weight",
 			values: [
 				{
-					name: "normal",
-					"description": "Default attribute which specifies no blending"
-				},
-				{
-					name: "multiply",
-					"description": "The source color is multiplied by the destination color and replaces the destination."
-				},
-				{
-					name: "screen",
-					"description": "Multiplies the complements of the backdrop and source color values, then complements the result."
-				},
-				{
-					name: "overlay",
-					"description": "Multiplies or screens the colors, depending on the backdrop color value."
+					name: "100",
+					"description": "Thin"
 				},
 				{
-					name: "darken",
-					"description": "Selects the darker of the backdrop and source colors."
+					name: "200",
+					"description": "Extra Light (Ultra Light)"
 				},
 				{
-					name: "lighten",
-					"description": "Selects the lighter of the backdrop and source colors."
+					name: "300",
+					"description": "Light"
 				},
 				{
-					name: "color-dodge",
-					"description": "Brightens the backdrop color to reflect the source color."
+					name: "400",
+					"description": "Normal"
 				},
 				{
-					name: "color-burn",
-					"description": "Darkens the backdrop color to reflect the source color."
+					name: "500",
+					"description": "Medium"
 				},
 				{
-					name: "hard-light",
-					"description": "Multiplies or screens the colors, depending on the source color value."
+					name: "600",
+					"description": "Semi Bold (Demi Bold)"
 				},
 				{
-					name: "soft-light",
-					"description": "Darkens or lightens the colors, depending on the source color value."
+					name: "700",
+					"description": "Bold"
 				},
 				{
-					name: "difference",
-					"description": "Subtracts the darker of the two constituent colors from the lighter color.."
+					name: "800",
+					"description": "Extra Bold (Ultra Bold)"
 				},
 				{
-					name: "exclusion",
-					"description": "Produces an effect similar to that of the Difference mode but lower in contrast."
+					name: "900",
+					"description": "Black (Heavy)"
 				},
 				{
-					name: "hue",
-					browsers: [
-						"FF30",
-						"S8",
-						"C35",
-						"O22"
-					],
-					"description": "Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color."
+					name: "bold",
+					"description": "Same as 700"
 				},
 				{
-					name: "saturation",
-					browsers: [
-						"FF30",
-						"S8",
-						"C35",
-						"O22"
-					],
-					"description": "Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color."
+					name: "bolder",
+					"description": "Specifies the weight of the face bolder than the inherited value."
 				},
 				{
-					name: "color",
-					browsers: [
-						"FF30",
-						"S8",
-						"C35",
-						"O22"
-					],
-					"description": "Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color."
+					name: "lighter",
+					"description": "Specifies the weight of the face lighter than the inherited value."
 				},
 				{
-					name: "luminosity",
-					browsers: [
-						"FF30",
-						"S8",
-						"C35",
-						"O22"
-					],
-					"description": "Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color."
+					name: "normal",
+					"description": "Same as 400"
 				}
 			],
-			"syntax": "<blend-mode>#",
+			"syntax": "<font-weight-absolute>{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-blend-mode"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-weight"
 				}
 			],
-			"description": "Defines the blending mode of each background layer.",
+			"description": "Specifies weight of glyphs in the font, their degree of blackness or stroke thickness.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "background-clip",
-			"syntax": "<box>#",
-			"references": [
+			name: "overflow",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-clip"
+					name: "auto",
+					"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
+				},
+				{
+					name: "hidden",
+					"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
+				},
+				{
+					name: "-moz-hidden-unscrollable",
+					"description": "Same as the standardized 'clip', except doesn’t establish a block formatting context."
+				},
+				{
+					name: "scroll",
+					"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
+				},
+				{
+					name: "visible",
+					"description": "Content is not clipped, i.e., it may be rendered outside the content box."
 				}
 			],
-			"description": "Determines the background painting area.",
-			"restrictions": [
-				"box"
-			]
-		},
-		{
-			name: "background-color",
-			"syntax": "<color>",
+			"syntax": "[ visible | hidden | clip | scroll | auto ]{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow"
 				}
 			],
-			"description": "Sets the background color of an element.",
+			"description": "Shorthand for setting 'overflow-x' and 'overflow-y'.",
 			"restrictions": [
-				"color"
+				"enum"
 			]
 		},
 		{
-			name: "background-image",
+			name: "line-height",
 			values: [
 				{
-					name: "none",
-					"description": "Counts as an image layer but draws nothing."
+					name: "normal",
+					"description": "Tells user agents to set the computed value to a 'reasonable' value based on the font size of the element."
 				}
 			],
-			"syntax": "<bg-image>#",
+			"syntax": "normal | <number> | <length> | <percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-image"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/line-height"
 				}
 			],
-			"description": "Sets the background image(s) of an element.",
+			"description": "Determines the block-progression dimension of the text content area of an inline box.",
 			"restrictions": [
-				"image",
-				"enum"
+				"number",
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "background-origin",
-			"syntax": "<box>#",
-			"references": [
+			name: "font-family",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-origin"
+					name: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"
+				},
+				{
+					name: "Arial, Helvetica, sans-serif"
+				},
+				{
+					name: "Cambria, Cochin, Georgia, Times, 'Times New Roman', serif"
+				},
+				{
+					name: "'Courier New', Courier, monospace"
+				},
+				{
+					name: "cursive"
+				},
+				{
+					name: "fantasy"
+				},
+				{
+					name: "'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif"
+				},
+				{
+					name: "Georgia, 'Times New Roman', Times, serif"
+				},
+				{
+					name: "'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif"
+				},
+				{
+					name: "Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif"
+				},
+				{
+					name: "'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif"
+				},
+				{
+					name: "monospace"
+				},
+				{
+					name: "sans-serif"
+				},
+				{
+					name: "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"
+				},
+				{
+					name: "serif"
+				},
+				{
+					name: "'Times New Roman', Times, serif"
+				},
+				{
+					name: "'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif"
+				},
+				{
+					name: "Verdana, Geneva, Tahoma, sans-serif"
 				}
 			],
-			"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
-			"restrictions": [
-				"box"
-			]
-		},
-		{
-			name: "background-position",
-			"syntax": "<bg-position>#",
+			"syntax": "<family-name>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-position"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-family"
 				}
 			],
-			"description": "Specifies the initial position of the background image(s) (after any resizing) within their corresponding background positioning area.",
+			"description": "Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered.",
 			"restrictions": [
-				"position",
-				"length",
-				"percentage"
+				"font"
 			]
 		},
 		{
-			name: "background-position-x",
+			name: "text-decoration",
 			values: [
 				{
-					name: "center",
-					"description": "Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is."
+					name: "dashed",
+					"description": "Produces a dashed line style."
 				},
 				{
-					name: "left",
-					"description": "Equivalent to '0%' for the horizontal position if one or two values are given, otherwise specifies the left edge as the origin for the next offset."
+					name: "dotted",
+					"description": "Produces a dotted line."
 				},
 				{
-					name: "right",
-					"description": "Equivalent to '100%' for the horizontal position if one or two values are given, otherwise specifies the right edge as the origin for the next offset."
+					name: "double",
+					"description": "Produces a double line."
+				},
+				{
+					name: "line-through",
+					"description": "Each line of text has a line through the middle."
+				},
+				{
+					name: "none",
+					"description": "Produces no line."
+				},
+				{
+					name: "overline",
+					"description": "Each line of text has a line above it."
+				},
+				{
+					name: "solid",
+					"description": "Produces a solid line."
+				},
+				{
+					name: "underline",
+					"description": "Each line of text is underlined."
+				},
+				{
+					name: "wavy",
+					"description": "Produces a wavy line."
 				}
 			],
-			"status": "experimental",
-			"syntax": "[ center | [ left | right | x-start | x-end ]? <length-percentage>? ]#",
+			"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-position-x"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration"
 				}
 			],
-			"description": "If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.",
+			"description": "Decorations applied to font used for an element's text.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum",
+				"color"
 			]
 		},
 		{
-			name: "background-position-y",
+			name: "box-sizing",
 			values: [
 				{
-					name: "bottom",
-					"description": "Equivalent to '100%' for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset."
-				},
-				{
-					name: "center",
-					"description": "Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is."
+					name: "border-box",
+					"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
 				},
 				{
-					name: "top",
-					"description": "Equivalent to '0%' for the vertical position if one or two values are given, otherwise specifies the top edge as the origin for the next offset."
+					name: "content-box",
+					"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
 				}
 			],
-			"status": "experimental",
-			"syntax": "[ center | [ top | bottom | y-start | y-end ]? <length-percentage>? ]#",
+			"syntax": "content-box | border-box",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-position-y"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-sizing"
 				}
 			],
-			"description": "If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.",
+			"description": "Specifies the behavior of the 'width' and 'height' properties.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "background-repeat",
-			values: [],
-			"syntax": "<repeat-style>#",
+			name: "z-index",
+			values: [
+				{
+					name: "auto",
+					"description": "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."
+				}
+			],
+			"syntax": "auto | <integer>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-repeat"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/z-index"
 				}
 			],
-			"description": "Specifies how background images are tiled after they have been sized and positioned.",
+			"description": "For a positioned box, the 'z-index' property specifies the stack level of the box in the current stacking context and whether the box establishes a local stacking context.",
 			"restrictions": [
-				"repeat"
+				"integer"
 			]
 		},
 		{
-			name: "background-size",
+			name: "vertical-align",
 			values: [
 				{
 					name: "auto",
-					"description": "Resolved by using the image’s intrinsic ratio and the size of the other dimension, or failing that, using the image’s intrinsic size, or failing that, treating it as 100%."
+					"description": "Align the dominant baseline of the parent box with the equivalent, or heuristically reconstructed, baseline of the element inline box."
 				},
 				{
-					name: "contain",
-					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
+					name: "baseline",
+					"description": "Align the 'alphabetic' baseline of the element with the 'alphabetic' baseline of the parent element."
 				},
 				{
-					name: "cover",
-					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
+					name: "bottom",
+					"description": "Align the after edge of the extended inline box with the after-edge of the line box."
+				},
+				{
+					name: "middle",
+					"description": "Align the 'middle' baseline of the inline element with the middle baseline of the parent."
+				},
+				{
+					name: "sub",
+					"description": "Lower the baseline of the box to the proper position for subscripts of the parent's box. (This value has no effect on the font size of the element's text.)"
+				},
+				{
+					name: "super",
+					"description": "Raise the baseline of the box to the proper position for superscripts of the parent's box. (This value has no effect on the font size of the element's text.)"
+				},
+				{
+					name: "text-bottom",
+					"description": "Align the bottom of the box with the after-edge of the parent element's font."
+				},
+				{
+					name: "text-top",
+					"description": "Align the top of the box with the before-edge of the parent element's font."
+				},
+				{
+					name: "top",
+					"description": "Align the before edge of the extended inline box with the before-edge of the line box."
+				},
+				{
+					name: "-webkit-baseline-middle"
 				}
 			],
-			"syntax": "<bg-size>#",
+			"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/background-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/vertical-align"
 				}
 			],
-			"description": "Specifies the size of the background images.",
+			"description": "Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"percentage",
+				"length"
 			]
 		},
 		{
-			name: "behavior",
-			browsers: [
-				"IE6"
+			name: "border-radius",
+			"syntax": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-radius"
+				}
 			],
-			"description": "IE only. Used to extend behaviors of the browser.",
+			"description": "Defines the radii of the outer border edge.",
 			"restrictions": [
-				"url"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "block-size",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C57",
-				"O44"
-			],
+			name: "margin-left",
 			values: [
 				{
-					name: "auto",
-					"description": "Depends on the values of other properties."
+					name: "auto"
 				}
 			],
-			"syntax": "<'width'>",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/block-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-left"
 				}
 			],
-			"description": "Logical 'width'. Mapping depends on the element’s 'writing-mode'.",
+			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
 			"restrictions": [
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "border",
-			"syntax": "<line-width> || <line-style> || <color>",
-			"references": [
+			name: "cursor",
+			values: [
+				{
+					name: "alias",
+					"description": "Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it."
+				},
+				{
+					name: "all-scroll",
+					"description": "Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle."
+				},
+				{
+					name: "auto",
+					"description": "The UA determines the cursor to display based on the current context."
+				},
+				{
+					name: "cell",
+					"description": "Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle."
+				},
+				{
+					name: "col-resize",
+					"description": "Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them."
+				},
+				{
+					name: "context-menu",
+					"description": "A context menu is available for the object under the cursor. Often rendered as an arrow with a small menu-like graphic next to it."
+				},
+				{
+					name: "copy",
+					"description": "Indicates something is to be copied. Often rendered as an arrow with a small plus sign next to it."
+				},
+				{
+					name: "crosshair",
+					"description": "A simple crosshair (e.g., short line segments resembling a '+' sign). Often used to indicate a two dimensional bitmap selection mode."
+				},
+				{
+					name: "default",
+					"description": "The platform-dependent default cursor. Often rendered as an arrow."
+				},
+				{
+					name: "e-resize",
+					"description": "Indicates that east edge is to be moved."
+				},
+				{
+					name: "ew-resize",
+					"description": "Indicates a bidirectional east-west resize cursor."
+				},
+				{
+					name: "grab",
+					"description": "Indicates that something can be grabbed."
+				},
+				{
+					name: "grabbing",
+					"description": "Indicates that something is being grabbed."
+				},
+				{
+					name: "help",
+					"description": "Help is available for the object under the cursor. Often rendered as a question mark or a balloon."
+				},
+				{
+					name: "move",
+					"description": "Indicates something is to be moved."
+				},
+				{
+					name: "-moz-grab",
+					"description": "Indicates that something can be grabbed."
+				},
+				{
+					name: "-moz-grabbing",
+					"description": "Indicates that something is being grabbed."
+				},
+				{
+					name: "-moz-zoom-in",
+					"description": "Indicates that something can be zoomed (magnified) in."
+				},
+				{
+					name: "-moz-zoom-out",
+					"description": "Indicates that something can be zoomed (magnified) out."
+				},
+				{
+					name: "ne-resize",
+					"description": "Indicates that movement starts from north-east corner."
+				},
+				{
+					name: "nesw-resize",
+					"description": "Indicates a bidirectional north-east/south-west cursor."
+				},
+				{
+					name: "no-drop",
+					"description": "Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it."
+				},
+				{
+					name: "none",
+					"description": "No cursor is rendered for the element."
+				},
+				{
+					name: "not-allowed",
+					"description": "Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it."
+				},
+				{
+					name: "n-resize",
+					"description": "Indicates that north edge is to be moved."
+				},
+				{
+					name: "ns-resize",
+					"description": "Indicates a bidirectional north-south cursor."
+				},
+				{
+					name: "nw-resize",
+					"description": "Indicates that movement starts from north-west corner."
+				},
+				{
+					name: "nwse-resize",
+					"description": "Indicates a bidirectional north-west/south-east cursor."
+				},
+				{
+					name: "pointer",
+					"description": "The cursor is a pointer that indicates a link."
+				},
+				{
+					name: "progress",
+					"description": "A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass."
+				},
+				{
+					name: "row-resize",
+					"description": "Indicates that the item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them."
+				},
+				{
+					name: "se-resize",
+					"description": "Indicates that movement starts from south-east corner."
+				},
+				{
+					name: "s-resize",
+					"description": "Indicates that south edge is to be moved."
+				},
+				{
+					name: "sw-resize",
+					"description": "Indicates that movement starts from south-west corner."
+				},
+				{
+					name: "text",
+					"description": "Indicates text that may be selected. Often rendered as a vertical I-beam."
+				},
+				{
+					name: "vertical-text",
+					"description": "Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam."
+				},
+				{
+					name: "wait",
+					"description": "Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass."
+				},
+				{
+					name: "-webkit-grab",
+					"description": "Indicates that something can be grabbed."
+				},
+				{
+					name: "-webkit-grabbing",
+					"description": "Indicates that something is being grabbed."
+				},
+				{
+					name: "-webkit-zoom-in",
+					"description": "Indicates that something can be zoomed (magnified) in."
+				},
+				{
+					name: "-webkit-zoom-out",
+					"description": "Indicates that something can be zoomed (magnified) out."
+				},
+				{
+					name: "w-resize",
+					"description": "Indicates that west edge is to be moved."
+				},
+				{
+					name: "zoom-in",
+					"description": "Indicates that something can be zoomed (magnified) in."
+				},
+				{
+					name: "zoom-out",
+					"description": "Indicates that something can be zoomed (magnified) out."
+				}
+			],
+			"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 ] ]",
+			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/cursor"
 				}
 			],
-			"description": "Shorthand property for setting border width, style, and color.",
+			"description": "Allows control over cursor appearance in an element",
 			"restrictions": [
-				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"url",
+				"number",
+				"enum"
 			]
 		},
 		{
-			name: "border-block-end",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "margin-bottom",
+			values: [
+				{
+					name: "auto"
+				}
 			],
-			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-bottom"
 				}
 			],
-			"description": "Logical 'border-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
 			"restrictions": [
 				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"percentage"
 			]
 		},
 		{
-			name: "border-block-start",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "right",
+			values: [
+				{
+					name: "auto",
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
+				}
 			],
-			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/right"
 				}
 			],
-			"description": "Logical 'border-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Specifies how far an absolutely positioned box's right margin edge is offset to the left of the right edge of the box's 'containing block'.",
 			"restrictions": [
 				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"percentage"
 			]
 		},
 		{
-			name: "border-block-end-color",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "margin-right",
+			values: [
+				{
+					name: "auto"
+				}
 			],
-			"syntax": "<'border-top-color'>",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-right"
 				}
 			],
-			"description": "Logical 'border-bottom-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
 			"restrictions": [
-				"color"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "border-block-start-color",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-color'>",
+			name: "padding-left",
+			"syntax": "<length> | <percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-left"
 				}
 			],
-			"description": "Logical 'border-top-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
 			"restrictions": [
-				"color"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "border-block-end-style",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-style'>",
+			name: "padding-top",
+			"syntax": "<length> | <percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-top"
 				}
 			],
-			"description": "Logical 'border-bottom-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
 			"restrictions": [
-				"line-style"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "border-block-start-style",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "max-width",
+			values: [
+				{
+					name: "none",
+					"description": "No limit on the width of the box."
+				},
+				{
+					name: "fit-content",
+					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "max-content",
+					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "min-content",
+					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
+				}
 			],
-			"syntax": "<'border-top-style'>",
+			"syntax": "<viewport-length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/max-width"
 				}
 			],
-			"description": "Logical 'border-top-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Allows authors to constrain content width to a certain range.",
 			"restrictions": [
-				"line-style"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "border-block-end-width",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "bottom",
+			values: [
+				{
+					name: "auto",
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
+				}
 			],
-			"syntax": "<'border-top-width'>",
+			"syntax": "<length> | <percentage> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/bottom"
 				}
 			],
-			"description": "Logical 'border-bottom-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's 'containing block'.",
 			"restrictions": [
 				"length",
-				"line-width"
+				"percentage"
 			]
 		},
 		{
-			name: "border-block-start-width",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "background-image",
+			values: [
+				{
+					name: "none",
+					"description": "Counts as an image layer but draws nothing."
+				}
 			],
-			"syntax": "<'border-top-width'>",
+			"syntax": "<bg-image>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-image"
 				}
 			],
-			"description": "Logical 'border-top-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Sets the background image(s) of an element.",
 			"restrictions": [
-				"length",
-				"line-width"
+				"image",
+				"enum"
 			]
 		},
 		{
-			name: "border-bottom",
-			"syntax": "<line-width> || <line-style> || <color>",
-			"references": [
+			name: "content",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom"
+					name: "attr()",
+					"description": "The attr(n) function returns as a string the value of attribute n for the subject of the selector."
+				},
+				{
+					name: "counter(name)",
+					"description": "Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties)."
+				},
+				{
+					name: "icon",
+					"description": "The (pseudo-)element is replaced in its entirety by the resource referenced by its 'icon' property, and treated as a replaced element."
+				},
+				{
+					name: "none",
+					"description": "On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements it causes the pseudo-element to have no content."
+				},
+				{
+					name: "normal",
+					"description": "See http://www.w3.org/TR/css3-content/#content for computation rules."
+				},
+				{
+					name: "url()"
 				}
 			],
-			"description": "Shorthand property for setting border width, style and color.",
-			"restrictions": [
-				"length",
-				"line-width",
-				"line-style",
-				"color"
-			]
-		},
-		{
-			name: "border-bottom-color",
-			"syntax": "<'border-top-color'>",
+			"syntax": "normal | none | [ <content-replacement> | <content-list> ] [/ <string> ]?",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/content"
 				}
 			],
-			"description": "Sets the color of the bottom border.",
+			"description": "Determines which page-based occurrence of a given element is applied to a counter or string value.",
 			"restrictions": [
-				"color"
+				"string",
+				"url"
 			]
 		},
 		{
-			name: "border-bottom-left-radius",
-			"syntax": "<length-percentage>{1,2}",
+			name: "padding-right",
+			"syntax": "<length> | <percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-right"
 				}
 			],
-			"description": "Defines the radii of the bottom left outer border edge.",
+			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
 			"restrictions": [
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "border-bottom-right-radius",
-			"syntax": "<length-percentage>{1,2}",
+			name: "white-space",
+			values: [
+				{
+					name: "normal",
+					"description": "Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'normal'."
+				},
+				{
+					name: "nowrap",
+					"description": "Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'none'."
+				},
+				{
+					name: "pre",
+					"description": "Sets 'white-space-collapsing' to 'preserve' and 'text-wrap' to 'none'."
+				},
+				{
+					name: "pre-line",
+					"description": "Sets 'white-space-collapsing' to 'preserve-breaks' and 'text-wrap' to 'normal'."
+				},
+				{
+					name: "pre-wrap",
+					"description": "Sets 'white-space-collapsing' to 'preserve' and 'text-wrap' to 'normal'."
+				}
+			],
+			"syntax": "normal | pre | nowrap | pre-wrap | pre-line",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/white-space"
 				}
 			],
-			"description": "Defines the radii of the bottom right outer border edge.",
+			"description": "Shorthand property for the 'white-space-collapsing' and 'text-wrap' properties.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "border-bottom-style",
-			"syntax": "<line-style>",
+			name: "padding-bottom",
+			"syntax": "<length> | <percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-bottom"
 				}
 			],
-			"description": "Sets the style of the bottom border.",
+			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
 			"restrictions": [
-				"line-style"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "border-bottom-width",
-			"syntax": "<line-width>",
+			name: "border-bottom",
+			"syntax": "<line-width> || <line-style> || <color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom"
 				}
 			],
-			"description": "Sets the thickness of the bottom border.",
+			"description": "Shorthand property for setting border width, style and color.",
 			"restrictions": [
 				"length",
-				"line-width"
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "border-collapse",
+			name: "box-shadow",
 			values: [
 				{
-					name: "collapse",
-					"description": "Selects the collapsing borders model."
+					name: "inset",
+					"description": "Changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it)."
 				},
 				{
-					name: "separate",
-					"description": "Selects the separated borders border model."
+					name: "none",
+					"description": "No shadow."
 				}
 			],
-			"syntax": "collapse | separate",
+			"syntax": "none | <shadow>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-collapse"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-shadow"
 				}
 			],
-			"description": "Selects a table's border model.",
+			"description": "Attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional 'inset' keyword. Omitted lengths are 0; omitted colors are a user agent chosen color.",
 			"restrictions": [
+				"length",
+				"color",
 				"enum"
 			]
 		},
 		{
-			name: "border-color",
-			values: [],
-			"syntax": "<color>{1,4}",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-color"
-				}
-			],
-			"description": "The color of the border around all four edges of an element.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "border-image",
+			name: "transform",
 			values: [
 				{
-					name: "auto",
-					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
+					name: "matrix()",
+					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
 				},
 				{
-					name: "fill",
-					"description": "Causes the middle part of the border-image to be preserved."
+					name: "matrix3d()",
+					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
 				},
 				{
-					name: "none",
-					"description": "Use the border styles."
+					name: "none"
 				},
 				{
-					name: "repeat",
-					"description": "The image is tiled (repeated) to fill the area."
+					name: "perspective()",
+					"description": "Specifies a perspective projection matrix."
 				},
 				{
-					name: "round",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
+					name: "rotate()",
+					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
 				},
 				{
-					name: "space",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
+					name: "rotate3d()",
+					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
 				},
 				{
-					name: "stretch",
-					"description": "The image is stretched to fill the area."
+					name: "rotateX('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the X axis."
 				},
 				{
-					name: "url()"
+					name: "rotateY('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
+				},
+				{
+					name: "rotateZ('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
+				},
+				{
+					name: "scale()",
+					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
+				},
+				{
+					name: "scale3d()",
+					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
+				},
+				{
+					name: "scaleX()",
+					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
+				},
+				{
+					name: "scaleY()",
+					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
+				},
+				{
+					name: "scaleZ()",
+					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
+				},
+				{
+					name: "skew()",
+					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
+				},
+				{
+					name: "skewX()",
+					"description": "Specifies a skew transformation along the X axis by the given angle."
+				},
+				{
+					name: "skewY()",
+					"description": "Specifies a skew transformation along the Y axis by the given angle."
+				},
+				{
+					name: "translate()",
+					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
+				},
+				{
+					name: "translate3d()",
+					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+				},
+				{
+					name: "translateX()",
+					"description": "Specifies a translation by the given amount in the X direction."
+				},
+				{
+					name: "translateY()",
+					"description": "Specifies a translation by the given amount in the Y direction."
+				},
+				{
+					name: "translateZ()",
+					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
 				}
 			],
-			"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>",
+			"syntax": "none | <transform-list>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transform"
 				}
 			],
-			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
+			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
 			"restrictions": [
-				"length",
-				"percentage",
-				"number",
-				"url",
 				"enum"
 			]
 		},
 		{
-			name: "border-image-outset",
-			"syntax": "[ <length> | <number> ]{1,4}",
+			name: "min-height",
+			values: [
+				{
+					name: "auto"
+				},
+				{
+					name: "fit-content",
+					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "max-content",
+					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "min-content",
+					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
+				}
+			],
+			"syntax": "<viewport-length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-outset"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/min-height"
 				}
 			],
-			"description": "The values specify the amount by which the border image area extends beyond the border box on the top, right, bottom, and left sides respectively. If the fourth value is absent, it is the same as the second. If the third one is also absent, it is the same as the first. If the second one is also absent, it is the same as the first. Numbers represent multiples of the corresponding border-width.",
+			"description": "Allows authors to constrain content height to a certain range.",
 			"restrictions": [
 				"length",
-				"number"
+				"percentage"
 			]
 		},
 		{
-			name: "border-image-repeat",
+			name: "visibility",
 			values: [
 				{
-					name: "repeat",
-					"description": "The image is tiled (repeated) to fill the area."
-				},
-				{
-					name: "round",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
+					name: "collapse",
+					"description": "Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'."
 				},
 				{
-					name: "space",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
+					name: "hidden",
+					"description": "The generated box is invisible (fully transparent, nothing is drawn), but still affects layout."
 				},
 				{
-					name: "stretch",
-					"description": "The image is stretched to fill the area."
+					name: "visible",
+					"description": "The generated box is visible."
 				}
 			],
-			"syntax": "[ stretch | repeat | round | space ]{1,2}",
+			"syntax": "visible | hidden | collapse",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-repeat"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/visibility"
 				}
 			],
-			"description": "Specifies how the images for the sides and the middle part of the border image are scaled and tiled. If the second keyword is absent, it is assumed to be the same as the first.",
+			"description": "Specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the ‘display’ property to ‘none’ to suppress box generation altogether).",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "border-image-slice",
-			values: [
-				{
-					name: "fill",
-					"description": "Causes the middle part of the border-image to be preserved."
-				}
-			],
-			"syntax": "<number-percentage>{1,4} && fill?",
+			name: "background-position",
+			"syntax": "<bg-position>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-slice"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-position"
 				}
 			],
-			"description": "Specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle.",
+			"description": "Specifies the initial position of the background image(s) (after any resizing) within their corresponding background positioning area.",
 			"restrictions": [
-				"number",
+				"position",
+				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "border-image-source",
-			values: [
-				{
-					name: "none",
-					"description": "Use the border styles."
-				}
-			],
-			"syntax": "none | <image>",
+			name: "border-top",
+			"syntax": "<line-width> || <line-style> || <color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-source"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top"
 				}
 			],
-			"description": "Specifies an image to use instead of the border styles given by the 'border-style' properties and as an additional background layer for the element. If the value is 'none' or if the image cannot be displayed, the border styles will be used.",
+			"description": "Shorthand property for setting border width, style and color",
 			"restrictions": [
-				"image"
+				"length",
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "border-image-width",
+			name: "min-width",
 			values: [
 				{
-					name: "auto",
-					"description": "The border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
+					name: "auto"
+				},
+				{
+					name: "fit-content",
+					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "max-content",
+					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "min-content",
+					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
 				}
 			],
-			"syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
+			"syntax": "<viewport-length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/min-width"
 				}
 			],
-			"description": "The four values of 'border-image-width' specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the top, right, bottom, and left sides of the area, respectively.",
+			"description": "Allows authors to constrain content width to a certain range.",
 			"restrictions": [
 				"length",
-				"percentage",
-				"number"
+				"percentage"
 			]
 		},
 		{
-			name: "border-inline-end",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "outline",
+			values: [
+				{
+					name: "auto",
+					"description": "Permits the user agent to render a custom outline style, typically the default platform style."
+				},
+				{
+					name: "invert",
+					"description": "Performs a color inversion on the pixels on the screen."
+				}
 			],
-			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/outline"
 				}
 			],
-			"description": "Logical 'border-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Shorthand property for 'outline-style', 'outline-width', and 'outline-color'.",
 			"restrictions": [
 				"length",
 				"line-width",
 				"line-style",
-				"color"
+				"color",
+				"enum"
 			]
 		},
 		{
-			name: "border-inline-start",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
+			name: "transition",
+			values: [
+				{
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
+				},
+				{
+					name: "none",
+					"description": "No property will transition."
+				}
 			],
-			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"syntax": "<single-transition>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transition"
 				}
 			],
-			"description": "Logical 'border-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Shorthand property combines four of the transition properties into a single property.",
 			"restrictions": [
-				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"time",
+				"property",
+				"timing-function",
+				"enum"
 			]
 		},
 		{
-			name: "border-inline-end-color",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-color'>",
-			"references": [
+			name: "clear",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color"
-				}
-			],
-			"description": "Logical 'border-right-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "border-inline-start-color",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-color'>",
-			"references": [
+					name: "both",
+					"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color"
+					name: "left",
+					"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document."
+				},
+				{
+					name: "none",
+					"description": "No constraint on the box's position with respect to floats."
+				},
+				{
+					name: "right",
+					"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document."
 				}
 			],
-			"description": "Logical 'border-left-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "border-inline-end-style",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-style'>",
+			"syntax": "none | left | right | both | inline-start | inline-end",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/clear"
 				}
 			],
-			"description": "Logical 'border-right-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts.",
 			"restrictions": [
-				"line-style"
+				"enum"
 			]
 		},
 		{
-			name: "border-inline-start-style",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-style'>",
+			name: "border-color",
+			values: [],
+			"syntax": "<color>{1,4}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-color"
 				}
 			],
-			"description": "Logical 'border-left-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "The color of the border around all four edges of an element.",
 			"restrictions": [
-				"line-style"
+				"color"
 			]
 		},
 		{
-			name: "border-inline-end-width",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-width'>",
+			name: "background-repeat",
+			values: [],
+			"syntax": "<repeat-style>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-repeat"
 				}
 			],
-			"description": "Logical 'border-right-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Specifies how background images are tiled after they have been sized and positioned.",
 			"restrictions": [
-				"length",
-				"line-width"
+				"repeat"
 			]
 		},
 		{
-			name: "border-inline-start-width",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'border-top-width'>",
-			"references": [
+			name: "background-size",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width"
+					name: "auto",
+					"description": "Resolved by using the image’s intrinsic ratio and the size of the other dimension, or failing that, using the image’s intrinsic size, or failing that, treating it as 100%."
+				},
+				{
+					name: "contain",
+					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
+				},
+				{
+					name: "cover",
+					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
 				}
 			],
-			"description": "Logical 'border-left-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"length",
-				"line-width"
-			]
-		},
-		{
-			name: "border-left",
-			"syntax": "<line-width> || <line-style> || <color>",
+			"syntax": "<bg-size>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-size"
 				}
 			],
-			"description": "Shorthand property for setting border width, style and color",
+			"description": "Specifies the size of the background images.",
 			"restrictions": [
 				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"percentage"
 			]
 		},
 		{
-			name: "border-left-color",
-			"syntax": "<color>",
-			"references": [
+			name: "text-transform",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-color"
+					name: "capitalize",
+					"description": "Puts the first typographic letter unit of each word in titlecase."
+				},
+				{
+					name: "lowercase",
+					"description": "Puts all letters in lowercase."
+				},
+				{
+					name: "none",
+					"description": "No effects."
+				},
+				{
+					name: "uppercase",
+					"description": "Puts all letters in uppercase."
 				}
 			],
-			"description": "Sets the color of the left border.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "border-left-style",
-			"syntax": "<line-style>",
+			"syntax": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-transform"
 				}
 			],
-			"description": "Sets the style of the left border.",
+			"description": "Controls capitalization effects of an element’s text.",
 			"restrictions": [
-				"line-style"
+				"enum"
 			]
 		},
 		{
-			name: "border-left-width",
-			"syntax": "<line-width>",
-			"references": [
+			name: "max-height",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-width"
+					name: "none",
+					"description": "No limit on the height of the box."
+				},
+				{
+					name: "fit-content",
+					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "max-content",
+					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+				},
+				{
+					name: "min-content",
+					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
 				}
 			],
-			"description": "Sets the thickness of the left border.",
-			"restrictions": [
-				"length",
-				"line-width"
-			]
-		},
-		{
-			name: "border-radius",
-			"syntax": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
+			"syntax": "<viewport-length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-radius"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/max-height"
 				}
 			],
-			"description": "Defines the radii of the outer border edge.",
+			"description": "Allows authors to constrain content height to a certain range.",
 			"restrictions": [
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "border-right",
-			"syntax": "<line-width> || <line-style> || <color>",
-			"references": [
+			name: "list-style",
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right"
-				}
-			],
-			"description": "Shorthand property for setting border width, style and color",
-			"restrictions": [
-				"length",
-				"line-width",
-				"line-style",
-				"color"
-			]
-		},
-		{
-			name: "border-right-color",
-			"syntax": "<color>",
-			"references": [
+					name: "armenian"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-color"
-				}
-			],
-			"description": "Sets the color of the right border.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "border-right-style",
-			"syntax": "<line-style>",
-			"references": [
+					name: "circle",
+					"description": "A hollow circle."
+				},
+				{
+					name: "decimal"
+				},
+				{
+					name: "decimal-leading-zero"
+				},
+				{
+					name: "disc",
+					"description": "A filled circle."
+				},
+				{
+					name: "georgian"
+				},
+				{
+					name: "inside",
+					"description": "The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below."
+				},
+				{
+					name: "lower-alpha"
+				},
+				{
+					name: "lower-greek"
+				},
+				{
+					name: "lower-latin"
+				},
+				{
+					name: "lower-roman"
+				},
+				{
+					name: "none"
+				},
+				{
+					name: "outside",
+					"description": "The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows."
+				},
+				{
+					name: "square",
+					"description": "A filled square."
+				},
+				{
+					name: "symbols()",
+					"description": "Allows a counter style to be defined inline."
+				},
+				{
+					name: "upper-alpha"
+				},
+				{
+					name: "upper-latin"
+				},
+				{
+					name: "upper-roman"
+				},
+				{
+					name: "url()"
+				}
+			],
+			"syntax": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
+			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style"
 				}
 			],
-			"description": "Sets the style of the right border.",
+			"description": "Shorthand for setting 'list-style-type', 'list-style-position' and 'list-style-image'",
 			"restrictions": [
-				"line-style"
+				"image",
+				"enum",
+				"url"
 			]
 		},
 		{
-			name: "border-right-width",
-			"syntax": "<line-width>",
+			name: "font-style",
+			values: [
+				{
+					name: "italic",
+					"description": "Selects a font that is labeled as an 'italic' face, or an 'oblique' face if one is not"
+				},
+				{
+					name: "normal",
+					"description": "Selects a face that is classified as 'normal'."
+				},
+				{
+					name: "oblique",
+					"description": "Selects a font that is labeled as an 'oblique' face, or an 'italic' face if one is not."
+				}
+			],
+			"syntax": "normal | italic | oblique <angle>{0,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-style"
 				}
 			],
-			"description": "Sets the thickness of the right border.",
+			"description": "Allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face.",
 			"restrictions": [
-				"length",
-				"line-width"
+				"enum"
 			]
 		},
 		{
-			name: "border-spacing",
-			"syntax": "<length> <length>?",
+			name: "font",
+			values: [
+				{
+					name: "100",
+					"description": "Thin"
+				},
+				{
+					name: "200",
+					"description": "Extra Light (Ultra Light)"
+				},
+				{
+					name: "300",
+					"description": "Light"
+				},
+				{
+					name: "400",
+					"description": "Normal"
+				},
+				{
+					name: "500",
+					"description": "Medium"
+				},
+				{
+					name: "600",
+					"description": "Semi Bold (Demi Bold)"
+				},
+				{
+					name: "700",
+					"description": "Bold"
+				},
+				{
+					name: "800",
+					"description": "Extra Bold (Ultra Bold)"
+				},
+				{
+					name: "900",
+					"description": "Black (Heavy)"
+				},
+				{
+					name: "bold",
+					"description": "Same as 700"
+				},
+				{
+					name: "bolder",
+					"description": "Specifies the weight of the face bolder than the inherited value."
+				},
+				{
+					name: "caption",
+					"description": "The font used for captioned controls (e.g., buttons, drop-downs, etc.)."
+				},
+				{
+					name: "icon",
+					"description": "The font used to label icons."
+				},
+				{
+					name: "italic",
+					"description": "Selects a font that is labeled 'italic', or, if that is not available, one labeled 'oblique'."
+				},
+				{
+					name: "large"
+				},
+				{
+					name: "larger"
+				},
+				{
+					name: "lighter",
+					"description": "Specifies the weight of the face lighter than the inherited value."
+				},
+				{
+					name: "medium"
+				},
+				{
+					name: "menu",
+					"description": "The font used in menus (e.g., dropdown menus and menu lists)."
+				},
+				{
+					name: "message-box",
+					"description": "The font used in dialog boxes."
+				},
+				{
+					name: "normal",
+					"description": "Specifies a face that is not labeled as a small-caps font."
+				},
+				{
+					name: "oblique",
+					"description": "Selects a font that is labeled 'oblique'."
+				},
+				{
+					name: "small"
+				},
+				{
+					name: "small-caps",
+					"description": "Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font."
+				},
+				{
+					name: "small-caption",
+					"description": "The font used for labeling small controls."
+				},
+				{
+					name: "smaller"
+				},
+				{
+					name: "status-bar",
+					"description": "The font used in window status bars."
+				},
+				{
+					name: "x-large"
+				},
+				{
+					name: "x-small"
+				},
+				{
+					name: "xx-large"
+				},
+				{
+					name: "xx-small"
+				}
+			],
+			"syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-spacing"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font"
 				}
 			],
-			"description": "The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative.",
+			"description": "Shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family', at the same place in the style sheet. The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts.",
 			"restrictions": [
-				"length"
+				"font"
 			]
 		},
 		{
-			name: "border-style",
-			values: [],
-			"syntax": "<line-style>{1,4}",
+			name: "text-overflow",
+			values: [
+				{
+					name: "clip",
+					"description": "Clip inline content that overflows. Characters may be only partially rendered."
+				},
+				{
+					name: "ellipsis",
+					"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
+				}
+			],
+			"syntax": "[ clip | ellipsis | <string> ]{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-overflow"
 				}
 			],
-			"description": "The style of the border around edges of an element.",
+			"description": "Text can overflow for example when it is prevented from wrapping.",
 			"restrictions": [
-				"line-style"
+				"enum",
+				"string"
 			]
 		},
 		{
-			name: "border-top",
+			name: "border-left",
 			"syntax": "<line-width> || <line-style> || <color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left"
 				}
 			],
 			"description": "Shorthand property for setting border width, style and color",
@@ -1778,78 +2235,22 @@ export const cssData : CSSDataV1 = {
 			]
 		},
 		{
-			name: "border-top-color",
-			"syntax": "<color>",
+			name: "border-right",
+			"syntax": "<line-width> || <line-style> || <color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right"
 				}
 			],
-			"description": "Sets the color of the top border.",
+			"description": "Shorthand property for setting border width, style and color",
 			"restrictions": [
+				"length",
+				"line-width",
+				"line-style",
 				"color"
 			]
 		},
-		{
-			name: "border-top-left-radius",
-			"syntax": "<length-percentage>{1,2}",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius"
-				}
-			],
-			"description": "Defines the radii of the top left outer border edge.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "border-top-right-radius",
-			"syntax": "<length-percentage>{1,2}",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius"
-				}
-			],
-			"description": "Defines the radii of the top right outer border edge.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "border-top-style",
-			"syntax": "<line-style>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-style"
-				}
-			],
-			"description": "Sets the style of the top border.",
-			"restrictions": [
-				"line-style"
-			]
-		},
-		{
-			name: "border-top-width",
-			"syntax": "<line-width>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-width"
-				}
-			],
-			"description": "Sets the thickness of the top border.",
-			"restrictions": [
-				"length",
-				"line-width"
-			]
-		},
 		{
 			name: "border-width",
 			values: [],
@@ -1867,1209 +2268,1252 @@ export const cssData : CSSDataV1 = {
 			]
 		},
 		{
-			name: "bottom",
+			name: "justify-content",
 			values: [
 				{
-					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
-				}
-			],
-			"syntax": "<length> | <percentage> | auto",
-			"references": [
+					name: "center",
+					"description": "Flex items are packed toward the center of the line."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/bottom"
-				}
-			],
-			"description": "Specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's 'containing block'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "box-decoration-break",
-			browsers: [
-				"FF32",
-				"S6.1",
-				"C22",
-				"O15"
-			],
-			values: [
+					name: "start",
+					"description": "The items are packed flush to each other toward the start edge of the alignment container in the main axis."
+				},
 				{
-					name: "clone",
-					"description": "Each box is independently wrapped with the border and padding."
+					name: "end",
+					"description": "The items are packed flush to each other toward the end edge of the alignment container in the main axis."
 				},
 				{
-					name: "slice",
-					"description": "The effect is as though the element were rendered with no breaks present, and then sliced by the breaks afterward."
-				}
-			],
-			"syntax": "slice | clone",
-			"references": [
+					name: "left",
+					"description": "The items are packed flush to each other toward the left edge of the alignment container in the main axis."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-decoration-break"
+					name: "right",
+					"description": "The items are packed flush to each other toward the right edge of the alignment container in the main axis."
+				},
+				{
+					name: "safe",
+					"description": "If the size of the item overflows the alignment container, the item is instead aligned as if the alignment mode were start."
+				},
+				{
+					name: "unsafe",
+					"description": "Regardless of the relative sizes of the item and alignment container, the given alignment value is honored."
+				},
+				{
+					name: "stretch",
+					"description": "If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container."
+				},
+				{
+					name: "space-evenly",
+					"description": "The items are evenly distributed within the alignment container along the main axis."
+				},
+				{
+					name: "flex-end",
+					"description": "Flex items are packed toward the end of the line."
+				},
+				{
+					name: "flex-start",
+					"description": "Flex items are packed toward the start of the line."
+				},
+				{
+					name: "space-around",
+					"description": "Flex items are evenly distributed in the line, with half-size spaces on either end."
+				},
+				{
+					name: "space-between",
+					"description": "Flex items are evenly distributed in the line."
+				},
+				{
+					name: "baseline",
+					"description": "Specifies participation in first-baseline alignment."
+				},
+				{
+					name: "first baseline",
+					"description": "Specifies participation in first-baseline alignment."
+				},
+				{
+					name: "last baseline",
+					"description": "Specifies participation in last-baseline alignment."
 				}
 			],
-			"description": "Specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is individually wrapped with the border and padding.",
+			"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
+			"description": "Aligns flex items along the main axis of the current line of the flex container.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "box-shadow",
+			name: "align-items",
 			values: [
 				{
-					name: "inset",
-					"description": "Changes the drop shadow from an outer shadow (one that shadows the box onto the canvas, as if it were lifted above the canvas) to an inner shadow (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it)."
+					name: "baseline",
+					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
 				},
 				{
-					name: "none",
-					"description": "No shadow."
-				}
-			],
-			"syntax": "none | <shadow>#",
-			"references": [
+					name: "center",
+					"description": "The flex item’s margin box is centered in the cross axis within the line."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-shadow"
+					name: "flex-end",
+					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
+				},
+				{
+					name: "flex-start",
+					"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
+				},
+				{
+					name: "stretch",
+					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
 				}
 			],
-			"description": "Attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional 'inset' keyword. Omitted lengths are 0; omitted colors are a user agent chosen color.",
+			"syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+			"description": "Aligns flex items along the cross axis of the current line of the flex container.",
 			"restrictions": [
-				"length",
-				"color",
 				"enum"
 			]
 		},
 		{
-			name: "box-sizing",
+			name: "overflow-y",
 			values: [
 				{
-					name: "border-box",
-					"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
+					name: "auto",
+					"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
 				},
 				{
-					name: "content-box",
-					"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
+					name: "hidden",
+					"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
+				},
+				{
+					name: "scroll",
+					"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
+				},
+				{
+					name: "visible",
+					"description": "Content is not clipped, i.e., it may be rendered outside the content box."
 				}
 			],
-			"syntax": "content-box | border-box",
+			"syntax": "visible | hidden | clip | scroll | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-sizing"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-y"
 				}
 			],
-			"description": "Specifies the behavior of the 'width' and 'height' properties.",
+			"description": "Specifies the handling of overflow in the vertical direction.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "break-after",
+			name: "pointer-events",
 			values: [
 				{
-					name: "always",
-					"description": "Always force a page break before/after the generated box."
+					name: "all",
+					"description": "The given element can be the target element for pointer events whenever the pointer is over either the interior or the perimeter of the element."
 				},
 				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break before/after the principal box."
+					name: "fill",
+					"description": "The given element can be the target element for pointer events whenever the pointer is over the interior of the element."
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a break before/after the principal box."
+					name: "none",
+					"description": "The given element does not receive pointer events."
 				},
 				{
-					name: "avoid-column",
-					"description": "Avoid a column break before/after the principal box."
+					name: "painted",
+					"description": "The given element can be the target element for pointer events when the pointer is over a \"painted\" area. "
 				},
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break before/after the principal box."
+					name: "stroke",
+					"description": "The given element can be the target element for pointer events whenever the pointer is over the perimeter of the element."
 				},
 				{
-					name: "column",
-					"description": "Always force a column break before/after the principal box."
+					name: "visible",
+					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and the pointer is over either the interior or the perimete of the element."
 				},
 				{
-					name: "left",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+					name: "visibleFill",
+					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over the interior of the element."
 				},
 				{
-					name: "page",
-					"description": "Always force a page break before/after the principal box."
+					name: "visiblePainted",
+					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over a ‘painted’ area."
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
+					name: "visibleStroke",
+					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over the perimeter of the element."
 				}
 			],
-			"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
-			"description": "Describes the page/column/region break behavior after the generated box.",
-			"restrictions": [
-				"enum"
-			]
-		},
+			"syntax": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/pointer-events"
+				}
+			],
+			"description": "Specifies under what circumstances a given element can be the target element for a pointer event.",
+			"restrictions": [
+				"enum"
+			]
+		},
 		{
-			name: "break-before",
+			name: "letter-spacing",
 			values: [
 				{
-					name: "always",
-					"description": "Always force a page break before/after the generated box."
+					name: "normal",
+					"description": "The spacing is the normal spacing for the current font. It is typically zero-length."
+				}
+			],
+			"syntax": "normal | <length>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/letter-spacing"
+				}
+			],
+			"description": "Specifies the minimum, maximum, and optimal spacing between grapheme clusters.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "border-style",
+			values: [],
+			"syntax": "<line-style>{1,4}",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-style"
+				}
+			],
+			"description": "The style of the border around edges of an element.",
+			"restrictions": [
+				"line-style"
+			]
+		},
+		{
+			name: "animation",
+			values: [
+				{
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
 				},
 				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break before/after the principal box."
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a break before/after the principal box."
+					name: "backwards",
+					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
 				},
 				{
-					name: "avoid-column",
-					"description": "Avoid a column break before/after the principal box."
+					name: "both",
+					"description": "Both forwards and backwards fill modes are applied."
 				},
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break before/after the principal box."
+					name: "forwards",
+					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
 				},
 				{
-					name: "column",
-					"description": "Always force a column break before/after the principal box."
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
 				},
 				{
-					name: "left",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+					name: "none",
+					"description": "No animation is performed"
 				},
 				{
-					name: "page",
-					"description": "Always force a page break before/after the principal box."
+					name: "normal",
+					"description": "Normal playback."
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
+					name: "reverse",
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
-			"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
-			"description": "Describes the page/column/region break behavior before the generated box.",
+			"syntax": "<single-animation>#",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation"
+				}
+			],
+			"description": "Shorthand property combines six of the animation properties into a single property.",
 			"restrictions": [
-				"enum"
+				"time",
+				"timing-function",
+				"enum",
+				"identifier",
+				"number"
 			]
 		},
 		{
-			name: "break-inside",
+			name: "overflow-x",
 			values: [
 				{
 					name: "auto",
-					"description": "Impose no additional breaking constraints within the box."
+					"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
 				},
 				{
-					name: "avoid",
-					"description": "Avoid breaks within the box."
+					name: "hidden",
+					"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
 				},
 				{
-					name: "avoid-column",
-					"description": "Avoid a column break within the box."
+					name: "scroll",
+					"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
 				},
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break within the box."
+					name: "visible",
+					"description": "Content is not clipped, i.e., it may be rendered outside the content box."
 				}
 			],
-			"syntax": "auto | avoid | avoid-page | avoid-column | avoid-region",
-			"description": "Describes the page/column/region break behavior inside the principal box.",
+			"syntax": "visible | hidden | clip | scroll | auto",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-x"
+				}
+			],
+			"description": "Specifies the handling of overflow in the horizontal direction.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "caption-side",
+			name: "word-wrap",
 			values: [
 				{
-					name: "bottom",
-					"description": "Positions the caption box below the table box."
+					name: "break-word",
+					"description": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
 				},
 				{
-					name: "top",
-					"description": "Positions the caption box above the table box."
+					name: "normal",
+					"description": "Lines may break only at allowed break points."
 				}
 			],
-			"syntax": "top | bottom | block-start | block-end | inline-start | inline-end",
+			"syntax": "normal | break-word",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/caption-side"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-wrap"
 				}
 			],
-			"description": "Specifies the position of the caption box with respect to the table box.",
+			"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "caret-color",
-			browsers: [
-				"FF53",
-				"S11.1",
-				"C57",
-				"O44"
-			],
+			name: "border-collapse",
 			values: [
 				{
-					name: "auto",
-					"description": "The user agent selects an appropriate color for the caret. This is generally currentcolor, but the user agent may choose a different color to ensure good visibility and contrast with the surrounding content, taking into account the value of currentcolor, the background, shadows, and other factors."
+					name: "collapse",
+					"description": "Selects the collapsing borders model."
+				},
+				{
+					name: "separate",
+					"description": "Selects the separated borders border model."
 				}
 			],
-			"syntax": "auto | <color>",
+			"syntax": "collapse | separate",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/caret-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-collapse"
 				}
 			],
-			"description": "Controls the color of the text insertion indicator.",
+			"description": "Selects a table's border model.",
 			"restrictions": [
-				"color",
 				"enum"
 			]
 		},
 		{
-			name: "clear",
+			name: "flex-direction",
 			values: [
 				{
-					name: "both",
-					"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document."
+					name: "column",
+					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
 				},
 				{
-					name: "left",
-					"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document."
+					name: "column-reverse",
+					"description": "Same as 'column', except the main-start and main-end directions are swapped."
 				},
 				{
-					name: "none",
-					"description": "No constraint on the box's position with respect to floats."
+					name: "row",
+					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
 				},
 				{
-					name: "right",
-					"description": "The clearance of the generated box is set to the amount necessary to place the top border edge below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document."
+					name: "row-reverse",
+					"description": "Same as 'row', except the main-start and main-end directions are swapped."
 				}
 			],
-			"syntax": "none | left | right | both | inline-start | inline-end",
+			"syntax": "row | row-reverse | column | column-reverse",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/clear"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-direction"
 				}
 			],
-			"description": "Indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts.",
+			"description": "Specifies how flex items are placed in the flex container, by setting the direction of the flex container’s main axis.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "clip",
+			name: "zoom",
+			browsers: [
+				"E12",
+				"S3.1",
+				"C1",
+				"IE5.5",
+				"O15"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "The element does not clip."
-				},
-				{
-					name: "rect()",
-					"description": "Specifies offsets from the edges of the border box."
+					name: "normal"
 				}
 			],
-			"syntax": "<shape> | auto",
+			"syntax": "auto | <number> | <percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/clip"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/zoom"
 				}
 			],
-			"description": "Deprecated. Use the 'clip-path' property when support allows. Defines the visible portion of an element’s box.",
+			"description": "Non-standard. Specifies the magnification scale of the object. See 'transform: scale()' for a standards-based alternative.",
 			"restrictions": [
-				"enum"
+				"enum",
+				"integer",
+				"number",
+				"percentage"
 			]
 		},
 		{
-			name: "clip-path",
+			name: "flex",
 			values: [
 				{
-					name: "none",
-					"description": "No clipping path gets created."
+					name: "auto",
+					"description": "Retrieves the value of the main size property as the used 'flex-basis'."
 				},
 				{
-					name: "url()",
-					"description": "References a <clipPath> element to create a clipping path."
+					name: "content",
+					"description": "Indicates automatic sizing, based on the flex item’s content."
+				},
+				{
+					name: "none",
+					"description": "Expands to '0 0 auto'."
 				}
 			],
-			"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none",
+			"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/clip-path"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/flex"
 				}
 			],
-			"description": "Specifies a clipping path where everything inside the path is visible and everything outside is clipped out.",
+			"description": "Specifies the components of a flexible length: the flex grow factor and flex shrink factor, and the flex basis.",
 			"restrictions": [
-				"url",
-				"shape",
-				"geometry-box",
-				"enum"
+				"length",
+				"number",
+				"percentage"
 			]
 		},
 		{
-			name: "clip-rule",
-			browsers: [
-				"E",
-				"C5",
-				"FF3",
-				"IE10",
-				"O9",
-				"S6"
-			],
+			name: "text-shadow",
 			values: [
 				{
-					name: "evenodd",
-					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses."
-				},
-				{
-					name: "nonzero",
-					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray."
+					name: "none",
+					"description": "No shadow."
 				}
 			],
-			"description": "Indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "color",
-			"syntax": "<color>",
+			"syntax": "none | <shadow-t>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-shadow"
 				}
 			],
-			"description": "Color of an element's text",
+			"description": "Enables shadow effects to be applied to the text of the element.",
 			"restrictions": [
+				"length",
 				"color"
 			]
 		},
 		{
-			name: "color-interpolation-filters",
-			browsers: [
-				"E",
-				"C5",
-				"FF3",
-				"IE10",
-				"O9",
-				"S6"
-			],
+			name: "list-style-type",
 			values: [
 				{
-					name: "auto",
-					"description": "Color operations are not required to occur in a particular color space."
+					name: "armenian",
+					"description": "Traditional uppercase Armenian numbering."
 				},
 				{
-					name: "linearRGB",
-					"description": "Color operations should occur in the linearized RGB color space."
+					name: "circle",
+					"description": "A hollow circle."
 				},
 				{
-					name: "sRGB",
-					"description": "Color operations should occur in the sRGB color space."
+					name: "decimal",
+					"description": "Western decimal numbers."
+				},
+				{
+					name: "decimal-leading-zero",
+					"description": "Decimal numbers padded by initial zeros."
+				},
+				{
+					name: "disc",
+					"description": "A filled circle."
+				},
+				{
+					name: "georgian",
+					"description": "Traditional Georgian numbering."
+				},
+				{
+					name: "lower-alpha",
+					"description": "Lowercase ASCII letters."
+				},
+				{
+					name: "lower-greek",
+					"description": "Lowercase classical Greek."
+				},
+				{
+					name: "lower-latin",
+					"description": "Lowercase ASCII letters."
+				},
+				{
+					name: "lower-roman",
+					"description": "Lowercase ASCII Roman numerals."
+				},
+				{
+					name: "none",
+					"description": "No marker"
+				},
+				{
+					name: "square",
+					"description": "A filled square."
+				},
+				{
+					name: "symbols()",
+					"description": "Allows a counter style to be defined inline."
+				},
+				{
+					name: "upper-alpha",
+					"description": "Uppercase ASCII letters."
+				},
+				{
+					name: "upper-latin",
+					"description": "Uppercase ASCII letters."
+				},
+				{
+					name: "upper-roman",
+					"description": "Uppercase ASCII Roman numerals."
 				}
 			],
-			"description": "Specifies the color space for imaging operations performed via filter effects.",
+			"syntax": "<counter-style> | <string> | none",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-type"
+				}
+			],
+			"description": "Used to construct the default contents of a list item’s marker",
 			"restrictions": [
-				"enum"
+				"enum",
+				"string"
 			]
 		},
 		{
-			name: "column-count",
-			values: [
-				{
-					name: "auto",
-					"description": "Determines the number of columns by the 'column-width' property and the element width."
-				}
-			],
-			"syntax": "<integer> | auto",
+			name: "border-bottom-left-radius",
+			"syntax": "<length-percentage>{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-count"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius"
 				}
 			],
-			"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
+			"description": "Defines the radii of the bottom left outer border edge.",
 			"restrictions": [
-				"integer",
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "column-fill",
+			name: "user-select",
 			values: [
 				{
-					name: "auto",
-					"description": "Fills columns sequentially."
+					name: "all",
+					"description": "The content of the element must be selected atomically"
 				},
 				{
-					name: "balance",
-					"description": "Balance content equally between columns, if possible."
+					name: "auto"
+				},
+				{
+					name: "contain",
+					"description": "UAs must not allow a selection which is started in this element to be extended outside of this element."
+				},
+				{
+					name: "none",
+					"description": "The UA must not allow selections to be started in this element."
+				},
+				{
+					name: "text",
+					"description": "The element imposes no constraint on the selection."
 				}
 			],
-			"syntax": "auto | balance | balance-all",
+			"status": "nonstandard",
+			"syntax": "auto | text | none | contain | all",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-fill"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/user-select"
 				}
 			],
-			"description": "In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced.",
+			"description": "Controls the appearance of selection.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "column-gap",
+			name: "fill",
 			values: [
 				{
-					name: "normal",
-					"description": "User agent specific and typically equivalent to 1em."
+					name: "url()",
+					"description": "A URL reference to a paint server element, which is an element that defines a paint server: ‘hatch’, ‘linearGradient’, ‘mesh’, ‘pattern’, ‘radialGradient’ and ‘solidcolor’."
+				},
+				{
+					name: "none",
+					"description": "No paint is applied in this layer."
 				}
 			],
-			"syntax": "normal | <length-percentage>",
-			"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
+			"description": "Paints the interior of the given graphical element.",
 			"restrictions": [
-				"length",
-				"enum"
+				"color",
+				"enum",
+				"url"
 			]
 		},
 		{
-			name: "column-rule",
-			"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>",
+			name: "transform-origin",
+			"syntax": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transform-origin"
 				}
 			],
-			"description": "Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
+			"description": "Establishes the origin of transformation for an element.",
 			"restrictions": [
+				"position",
 				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"percentage"
 			]
 		},
 		{
-			name: "column-rule-color",
-			"syntax": "<color>",
+			name: "border-top-left-radius",
+			"syntax": "<length-percentage>{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius"
 				}
 			],
-			"description": "Sets the color of the column rule",
+			"description": "Defines the radii of the top left outer border edge.",
 			"restrictions": [
-				"color"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "column-rule-style",
-			"syntax": "<'border-style'>",
+			name: "text-indent",
+			values: [],
+			"syntax": "<length-percentage> && hanging? && each-line?",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-indent"
 				}
 			],
-			"description": "Sets the style of the rule between columns of an element.",
+			"description": "Specifies the indentation applied to lines of inline content in a block. The indentation only affects the first line of inline content in the block unless the 'hanging' keyword is specified, in which case it affects all lines except the first.",
 			"restrictions": [
-				"line-style"
+				"percentage",
+				"length"
 			]
 		},
 		{
-			name: "column-rule-width",
-			"syntax": "<'border-width'>",
+			name: "border-bottom-right-radius",
+			"syntax": "<length-percentage>{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius"
 				}
 			],
-			"description": "Sets the width of the rule between columns. Negative values are not allowed.",
+			"description": "Defines the radii of the bottom right outer border edge.",
 			"restrictions": [
 				"length",
-				"line-width"
+				"percentage"
 			]
 		},
 		{
-			name: "columns",
+			name: "flex-wrap",
 			values: [
 				{
-					name: "auto",
-					"description": "The width depends on the values of other properties."
+					name: "nowrap",
+					"description": "The flex container is single-line."
+				},
+				{
+					name: "wrap",
+					"description": "The flexbox is multi-line."
+				},
+				{
+					name: "wrap-reverse",
+					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
 				}
 			],
-			"syntax": "<'column-width'> || <'column-count'>",
+			"syntax": "nowrap | wrap | wrap-reverse",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/columns"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-wrap"
 				}
 			],
-			"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
+			"description": "Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in.",
 			"restrictions": [
-				"length",
-				"integer",
 				"enum"
 			]
 		},
 		{
-			name: "column-span",
-			values: [
-				{
-					name: "all",
-					"description": "The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear."
-				},
-				{
-					name: "none",
-					"description": "The element does not span multiple columns."
-				}
-			],
-			"syntax": "none | all",
+			name: "border-spacing",
+			"syntax": "<length> <length>?",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-span"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-spacing"
 				}
 			],
-			"description": "Describes the page/column break behavior after the generated box.",
+			"description": "The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative.",
 			"restrictions": [
-				"enum"
+				"length"
 			]
 		},
 		{
-			name: "column-width",
-			values: [
-				{
-					name: "auto",
-					"description": "The width depends on the values of other properties."
-				}
-			],
-			"syntax": "<length> | auto",
+			name: "border-top-right-radius",
+			"syntax": "<length-percentage>{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/column-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius"
 				}
 			],
-			"description": "Describes the width of columns in multicol elements.",
+			"description": "Defines the radii of the top right outer border edge.",
 			"restrictions": [
 				"length",
-				"enum"
+				"percentage"
 			]
 		},
 		{
-			name: "contain",
-			browsers: [
-				"FF69",
-				"C52",
-				"O40"
-			],
+			name: "clip",
 			values: [
 				{
-					name: "none",
-					"description": "Indicates that the property has no effect."
-				},
-				{
-					name: "strict",
-					"description": "Turns on all forms of containment for the element."
-				},
-				{
-					name: "content",
-					"description": "All containment rules except size are applied to the element."
-				},
-				{
-					name: "size",
-					"description": "For properties that can have effects on more than just an element and its descendants, those effects don't escape the containing element."
-				},
-				{
-					name: "layout",
-					"description": "Turns on layout containment for the element."
-				},
-				{
-					name: "style",
-					"description": "Turns on style containment for the element."
+					name: "auto",
+					"description": "The element does not clip."
 				},
 				{
-					name: "paint",
-					"description": "Turns on paint containment for the element."
+					name: "rect()",
+					"description": "Specifies offsets from the edges of the border box."
 				}
 			],
-			"status": "experimental",
-			"syntax": "none | strict | content | [ size || layout || style || paint ]",
+			"syntax": "<shape> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/contain"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/clip"
 				}
 			],
-			"description": "Indicates that an element and its contents are, as much as possible, independent of the rest of the document tree.",
+			"description": "Deprecated. Use the 'clip-path' property when support allows. Defines the visible portion of an element’s box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "content",
-			values: [
-				{
-					name: "attr()",
-					"description": "The attr(n) function returns as a string the value of attribute n for the subject of the selector."
-				},
+			name: "border-top-color",
+			"syntax": "<color>",
+			"references": [
 				{
-					name: "counter(name)",
-					"description": "Counters are denoted by identifiers (see the 'counter-increment' and 'counter-reset' properties)."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-color"
+				}
+			],
+			"description": "Sets the color of the top border.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "word-break",
+			values: [
 				{
-					name: "icon",
-					"description": "The (pseudo-)element is replaced in its entirety by the resource referenced by its 'icon' property, and treated as a replaced element."
+					name: "break-all",
+					"description": "Lines may break between any two grapheme clusters for non-CJK scripts."
 				},
 				{
-					name: "none",
-					"description": "On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements it causes the pseudo-element to have no content."
+					name: "keep-all",
+					"description": "Block characters can no longer create implied break points."
 				},
 				{
 					name: "normal",
-					"description": "See http://www.w3.org/TR/css3-content/#content for computation rules."
-				},
-				{
-					name: "url()"
+					"description": "Breaks non-CJK scripts according to their own rules."
 				}
 			],
-			"syntax": "normal | none | [ <content-replacement> | <content-list> ] [/ <string> ]?",
+			"syntax": "normal | break-all | keep-all | break-word",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/content"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/word-break"
 				}
 			],
-			"description": "Determines which page-based occurrence of a given element is applied to a counter or string value.",
+			"description": "Specifies line break opportunities for non-CJK scripts.",
 			"restrictions": [
-				"string",
-				"url"
+				"enum"
 			]
 		},
 		{
-			name: "counter-increment",
-			values: [
+			name: "border-bottom-color",
+			"syntax": "<'border-top-color'>",
+			"references": [
 				{
-					name: "none",
-					"description": "This element does not alter the value of any counters."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-color"
 				}
 			],
-			"syntax": "[ <custom-ident> <integer>? ]+ | none",
+			"description": "Sets the color of the bottom border.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "flex-grow",
+			"syntax": "<number>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/counter-increment"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-grow"
 				}
 			],
-			"description": "Manipulate the value of existing counters.",
+			"description": "Sets the flex grow factor. Negative numbers are invalid.",
 			"restrictions": [
-				"identifier",
-				"integer"
+				"number"
 			]
 		},
 		{
-			name: "counter-reset",
+			name: "direction",
 			values: [
 				{
-					name: "none",
-					"description": "The counter is not modified."
+					name: "ltr",
+					"description": "Left-to-right direction."
+				},
+				{
+					name: "rtl",
+					"description": "Right-to-left direction."
 				}
 			],
-			"syntax": "[ <custom-ident> <integer>? ]+ | none",
+			"syntax": "ltr | rtl",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/counter-reset"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/direction"
 				}
 			],
-			"description": "Property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element.",
+			"description": "Specifies the inline base direction or directionality of any bidi paragraph, embedding, isolate, or override established by the box. Note: for HTML content use the 'dir' attribute and 'bdo' element rather than this property.",
 			"restrictions": [
-				"identifier",
-				"integer"
+				"enum"
 			]
 		},
 		{
-			name: "cursor",
+			name: "align-self",
 			values: [
 				{
-					name: "alias",
-					"description": "Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it."
+					name: "auto",
+					"description": "Computes to the value of 'align-items' on the element’s parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself."
 				},
 				{
-					name: "all-scroll",
-					"description": "Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle."
+					name: "baseline",
+					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
 				},
 				{
-					name: "auto",
-					"description": "The UA determines the cursor to display based on the current context."
+					name: "center",
+					"description": "The flex item’s margin box is centered in the cross axis within the line."
 				},
 				{
-					name: "cell",
-					"description": "Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle."
+					name: "flex-end",
+					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
 				},
 				{
-					name: "col-resize",
-					"description": "Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them."
+					name: "flex-start",
+					"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
 				},
 				{
-					name: "context-menu",
-					"description": "A context menu is available for the object under the cursor. Often rendered as an arrow with a small menu-like graphic next to it."
-				},
+					name: "stretch",
+					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
+				}
+			],
+			"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+			"description": "Allows the default alignment along the cross axis to be overridden for individual flex items.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "flex-shrink",
+			"syntax": "<number>",
+			"references": [
 				{
-					name: "copy",
-					"description": "Indicates something is to be copied. Often rendered as an arrow with a small plus sign next to it."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-shrink"
+				}
+			],
+			"description": "Sets the flex shrink factor. Negative numbers are invalid.",
+			"restrictions": [
+				"number"
+			]
+		},
+		{
+			name: "text-rendering",
+			browsers: [
+				"FF1",
+				"S5",
+				"C4",
+				"O15"
+			],
+			values: [
 				{
-					name: "crosshair",
-					"description": "A simple crosshair (e.g., short line segments resembling a '+' sign). Often used to indicate a two dimensional bitmap selection mode."
+					name: "auto"
 				},
 				{
-					name: "default",
-					"description": "The platform-dependent default cursor. Often rendered as an arrow."
+					name: "geometricPrecision",
+					"description": "Indicates that the user agent shall emphasize geometric precision over legibility and rendering speed."
 				},
 				{
-					name: "e-resize",
-					"description": "Indicates that east edge is to be moved."
+					name: "optimizeLegibility",
+					"description": "Indicates that the user agent shall emphasize legibility over rendering speed and geometric precision."
 				},
 				{
-					name: "ew-resize",
-					"description": "Indicates a bidirectional east-west resize cursor."
-				},
+					name: "optimizeSpeed",
+					"description": "Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision."
+				}
+			],
+			"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
+			"references": [
 				{
-					name: "grab",
-					"description": "Indicates that something can be grabbed."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-rendering"
+				}
+			],
+			"description": "The creator of SVG content might want to provide a hint to the implementation about what tradeoffs to make as it renders text. The ‘text-rendering’ property provides these hints.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "touch-action",
+			values: [
+				{
+					name: "auto",
+					"description": "The user agent may determine any permitted touch behaviors for touches that begin on the element."
 				},
 				{
-					name: "grabbing",
-					"description": "Indicates that something is being grabbed."
+					name: "cross-slide-x"
 				},
 				{
-					name: "help",
-					"description": "Help is available for the object under the cursor. Often rendered as a question mark or a balloon."
+					name: "cross-slide-y"
 				},
 				{
-					name: "move",
-					"description": "Indicates something is to be moved."
+					name: "double-tap-zoom"
 				},
 				{
-					name: "-moz-grab",
-					"description": "Indicates that something can be grabbed."
+					name: "manipulation",
+					"description": "The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming."
 				},
 				{
-					name: "-moz-grabbing",
-					"description": "Indicates that something is being grabbed."
+					name: "none",
+					"description": "Touches that begin on the element must not trigger default touch behaviors."
 				},
 				{
-					name: "-moz-zoom-in",
-					"description": "Indicates that something can be zoomed (magnified) in."
+					name: "pan-x",
+					"description": "The user agent may consider touches that begin on the element only for the purposes of horizontally scrolling the element’s nearest ancestor with horizontally scrollable content."
 				},
 				{
-					name: "-moz-zoom-out",
-					"description": "Indicates that something can be zoomed (magnified) out."
+					name: "pan-y",
+					"description": "The user agent may consider touches that begin on the element only for the purposes of vertically scrolling the element’s nearest ancestor with vertically scrollable content."
 				},
 				{
-					name: "ne-resize",
-					"description": "Indicates that movement starts from north-east corner."
-				},
+					name: "pinch-zoom"
+				}
+			],
+			"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation",
+			"references": [
 				{
-					name: "nesw-resize",
-					"description": "Indicates a bidirectional north-east/south-west cursor."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/touch-action"
+				}
+			],
+			"description": "Determines whether touch input may trigger default behavior supplied by user agent.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "background-clip",
+			"syntax": "<box>#",
+			"references": [
 				{
-					name: "no-drop",
-					"description": "Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-clip"
+				}
+			],
+			"description": "Determines the background painting area.",
+			"restrictions": [
+				"box"
+			]
+		},
+		{
+			name: "filter",
+			browsers: [
+				"E12",
+				"FF35",
+				"S9.1",
+				"C53",
+				"O40"
+			],
+			values: [
 				{
 					name: "none",
-					"description": "No cursor is rendered for the element."
-				},
-				{
-					name: "not-allowed",
-					"description": "Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it."
-				},
-				{
-					name: "n-resize",
-					"description": "Indicates that north edge is to be moved."
+					"description": "No filter effects are applied."
 				},
 				{
-					name: "ns-resize",
-					"description": "Indicates a bidirectional north-south cursor."
+					name: "blur()",
+					"description": "Applies a Gaussian blur to the input image."
 				},
 				{
-					name: "nw-resize",
-					"description": "Indicates that movement starts from north-west corner."
+					name: "brightness()",
+					"description": "Applies a linear multiplier to input image, making it appear more or less bright."
 				},
 				{
-					name: "nwse-resize",
-					"description": "Indicates a bidirectional north-west/south-east cursor."
+					name: "contrast()",
+					"description": "Adjusts the contrast of the input."
 				},
 				{
-					name: "pointer",
-					"description": "The cursor is a pointer that indicates a link."
+					name: "drop-shadow()",
+					"description": "Applies a drop shadow effect to the input image."
 				},
 				{
-					name: "progress",
-					"description": "A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass."
+					name: "grayscale()",
+					"description": "Converts the input image to grayscale."
 				},
 				{
-					name: "row-resize",
-					"description": "Indicates that the item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them."
+					name: "hue-rotate()",
+					"description": "Applies a hue rotation on the input image. "
 				},
 				{
-					name: "se-resize",
-					"description": "Indicates that movement starts from south-east corner."
+					name: "invert()",
+					"description": "Inverts the samples in the input image."
 				},
 				{
-					name: "s-resize",
-					"description": "Indicates that south edge is to be moved."
+					name: "opacity()",
+					"description": "Applies transparency to the samples in the input image."
 				},
 				{
-					name: "sw-resize",
-					"description": "Indicates that movement starts from south-west corner."
+					name: "saturate()",
+					"description": "Saturates the input image."
 				},
 				{
-					name: "text",
-					"description": "Indicates text that may be selected. Often rendered as a vertical I-beam."
+					name: "sepia()",
+					"description": "Converts the input image to sepia."
 				},
 				{
-					name: "vertical-text",
-					"description": "Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam."
-				},
+					name: "url()",
+					browsers: [
+						"E12",
+						"FF35",
+						"S9.1",
+						"C53",
+						"O40"
+					],
+					"description": "A filter reference to a <filter> element."
+				}
+			],
+			"syntax": "none | <filter-function-list>",
+			"references": [
 				{
-					name: "wait",
-					"description": "Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/filter"
+				}
+			],
+			"description": "Processes an element’s rendering before it is displayed in the document, by applying one or more filter effects.",
+			"restrictions": [
+				"enum",
+				"url"
+			]
+		},
+		{
+			name: "src",
+			values: [
 				{
-					name: "-webkit-grab",
-					"description": "Indicates that something can be grabbed."
+					name: "url()",
+					"description": "Reference font by URL"
 				},
 				{
-					name: "-webkit-grabbing",
-					"description": "Indicates that something is being grabbed."
+					name: "format()",
+					"description": "Optional hint describing the format of the font resource."
 				},
 				{
-					name: "-webkit-zoom-in",
-					"description": "Indicates that something can be zoomed (magnified) in."
-				},
+					name: "local()",
+					"description": "Format-specific string that identifies a locally available copy of a given font."
+				}
+			],
+			"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
+			"description": "@font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed.",
+			"restrictions": [
+				"enum",
+				"url",
+				"identifier"
+			]
+		},
+		{
+			name: "animation-timing-function",
+			"syntax": "<timing-function>#",
+			"references": [
 				{
-					name: "-webkit-zoom-out",
-					"description": "Indicates that something can be zoomed (magnified) out."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-timing-function"
+				}
+			],
+			"description": "Describes how the animation will progress over one cycle of its duration.",
+			"restrictions": [
+				"timing-function"
+			]
+		},
+		{
+			name: "border-right-color",
+			"syntax": "<color>",
+			"references": [
 				{
-					name: "w-resize",
-					"description": "Indicates that west edge is to be moved."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-color"
+				}
+			],
+			"description": "Sets the color of the right border.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "font-variant",
+			values: [
 				{
-					name: "zoom-in",
-					"description": "Indicates that something can be zoomed (magnified) in."
+					name: "normal",
+					"description": "Specifies a face that is not labeled as a small-caps font."
 				},
 				{
-					name: "zoom-out",
-					"description": "Indicates that something can be zoomed (magnified) out."
+					name: "small-caps",
+					"description": "Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font."
 				}
 			],
-			"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 ] ]",
+			"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/cursor"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant"
 				}
 			],
-			"description": "Allows control over cursor appearance in an element",
+			"description": "Specifies variant representations of the font",
 			"restrictions": [
-				"url",
-				"number",
 				"enum"
 			]
 		},
 		{
-			name: "direction",
-			values: [
+			name: "border-left-color",
+			"syntax": "<color>",
+			"references": [
 				{
-					name: "ltr",
-					"description": "Left-to-right direction."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-color"
+				}
+			],
+			"description": "Sets the color of the left border.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "animation-name",
+			values: [
 				{
-					name: "rtl",
-					"description": "Right-to-left direction."
+					name: "none",
+					"description": "No animation is performed"
 				}
 			],
-			"syntax": "ltr | rtl",
+			"syntax": "[ none | <keyframes-name> ]#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/direction"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-name"
 				}
 			],
-			"description": "Specifies the inline base direction or directionality of any bidi paragraph, embedding, isolate, or override established by the box. Note: for HTML content use the 'dir' attribute and 'bdo' element rather than this property.",
+			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
 			"restrictions": [
+				"identifier",
 				"enum"
 			]
 		},
 		{
-			name: "display",
-			values: [
-				{
-					name: "block",
-					"description": "The element generates a block-level box"
-				},
-				{
-					name: "contents",
-					"description": "The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal."
-				},
-				{
-					name: "flex",
-					"description": "The element generates a principal flex container box and establishes a flex formatting context."
-				},
-				{
-					name: "flexbox",
-					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
-				},
-				{
-					name: "flow-root",
-					"description": "The element generates a block container box, and lays out its contents using flow layout."
-				},
-				{
-					name: "grid",
-					"description": "The element generates a principal grid container box, and establishes a grid formatting context."
-				},
-				{
-					name: "inline",
-					"description": "The element generates an inline-level box."
-				},
-				{
-					name: "inline-block",
-					"description": "A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box."
-				},
-				{
-					name: "inline-flex",
-					"description": "Inline-level flex container."
-				},
-				{
-					name: "inline-flexbox",
-					"description": "Inline-level flex container. Standardized as 'inline-flex'"
-				},
-				{
-					name: "inline-table",
-					"description": "Inline-level table wrapper box containing table box."
-				},
-				{
-					name: "list-item",
-					"description": "One or more block boxes and one marker box."
-				},
-				{
-					name: "-moz-box",
-					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
-				},
-				{
-					name: "-moz-deck"
-				},
-				{
-					name: "-moz-grid"
-				},
-				{
-					name: "-moz-grid-group"
-				},
-				{
-					name: "-moz-grid-line"
-				},
-				{
-					name: "-moz-groupbox"
-				},
-				{
-					name: "-moz-inline-box",
-					"description": "Inline-level flex container. Standardized as 'inline-flex'"
-				},
-				{
-					name: "-moz-inline-grid"
-				},
-				{
-					name: "-moz-inline-stack"
-				},
-				{
-					name: "-moz-marker"
-				},
-				{
-					name: "-moz-popup"
-				},
-				{
-					name: "-moz-stack"
-				},
-				{
-					name: "-ms-flexbox",
-					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
-				},
-				{
-					name: "-ms-grid",
-					"description": "The element generates a principal grid container box, and establishes a grid formatting context."
-				},
-				{
-					name: "-ms-inline-flexbox",
-					"description": "Inline-level flex container. Standardized as 'inline-flex'"
-				},
-				{
-					name: "-ms-inline-grid",
-					"description": "Inline-level grid container."
-				},
-				{
-					name: "none",
-					"description": "The element and its descendants generates no boxes."
-				},
-				{
-					name: "ruby",
-					"description": "The element generates a principal ruby container box, and establishes a ruby formatting context."
-				},
-				{
-					name: "ruby-base"
-				},
-				{
-					name: "ruby-base-container"
-				},
-				{
-					name: "ruby-text"
-				},
-				{
-					name: "ruby-text-container"
-				},
-				{
-					name: "run-in",
-					"description": "The element generates a run-in box. Run-in elements act like inlines or blocks, depending on the surrounding elements."
-				},
-				{
-					name: "table",
-					"description": "The element generates a principal table wrapper box containing an additionally-generated table box, and establishes a table formatting context."
-				},
-				{
-					name: "table-caption"
-				},
-				{
-					name: "table-cell"
-				},
-				{
-					name: "table-column"
-				},
-				{
-					name: "table-column-group"
-				},
-				{
-					name: "table-footer-group"
-				},
-				{
-					name: "table-header-group"
-				},
-				{
-					name: "table-row"
-				},
-				{
-					name: "table-row-group"
-				},
-				{
-					name: "-webkit-box",
-					"description": "The element lays out its contents using flow layout (block-and-inline layout). Standardized as 'flex'."
-				},
-				{
-					name: "-webkit-flex",
-					"description": "The element lays out its contents using flow layout (block-and-inline layout)."
-				},
-				{
-					name: "-webkit-inline-box",
-					"description": "Inline-level flex container. Standardized as 'inline-flex'"
-				},
-				{
-					name: "-webkit-inline-flex",
-					"description": "Inline-level flex container."
-				}
-			],
-			"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
-			"references": [
+			name: "animation-duration",
+			"syntax": "<time>#",
+			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/display"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-duration"
 				}
 			],
-			"description": "In combination with 'float' and 'position', determines the type of box or boxes that are generated for an element.",
+			"description": "Defines the length of time that an animation takes to complete one cycle.",
 			"restrictions": [
-				"enum"
+				"time"
 			]
 		},
 		{
-			name: "empty-cells",
+			name: "will-change",
+			browsers: [
+				"FF36",
+				"S9.1",
+				"C36",
+				"O24"
+			],
 			values: [
 				{
-					name: "hide",
-					"description": "No borders or backgrounds are drawn around/behind empty cells."
+					name: "auto",
+					"description": "Expresses no particular intent."
 				},
 				{
-					name: "-moz-show-background"
+					name: "contents",
+					"description": "Indicates that the author expects to animate or change something about the element’s contents in the near future."
 				},
 				{
-					name: "show",
-					"description": "Borders and backgrounds are drawn around/behind empty cells (like normal cells)."
+					name: "scroll-position",
+					"description": "Indicates that the author expects to animate or change the scroll position of the element in the near future."
 				}
 			],
-			"syntax": "show | hide",
+			"syntax": "auto | <animateable-feature>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/empty-cells"
-				}
-			],
-			"description": "In the separated borders model, this property controls the rendering of borders and backgrounds around cells that have no visible content.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "enable-background",
-			values: [
-				{
-					name: "accumulate",
-					"description": "If the ancestor container element has a property of new, then all graphics elements within the current container are rendered both on the parent's background image and onto the target."
-				},
-				{
-					name: "new",
-					"description": "Create a new background image canvas. All children of the current container element can access the background, and they will be rendered onto both the parent's background image canvas in addition to the target device."
+					"url": "https://developer.mozilla.org/docs/Web/CSS/will-change"
 				}
 			],
-			"description": "Deprecated. Use 'isolation' property instead when support allows. Specifies how the accumulation of the background image is managed.",
-			"restrictions": [
-				"integer",
-				"length",
-				"percentage",
-				"enum"
-			]
-		},
-		{
-			name: "fallback",
-			browsers: [
-				"FF33"
-			],
-			"syntax": "<counter-style-name>",
-			"description": "@counter-style descriptor. Specifies a fallback counter style to be used when the current counter style can’t create a representation for a given counter value.",
+			"description": "Provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element.",
 			"restrictions": [
+				"enum",
 				"identifier"
 			]
 		},
 		{
-			name: "fill",
+			name: "stroke",
 			values: [
 				{
 					name: "url()",
@@ -3080,7 +3524,7 @@ export const cssData : CSSDataV1 = {
 					"description": "No paint is applied in this layer."
 				}
 			],
-			"description": "Paints the interior of the given graphical element.",
+			"description": "Paints along the outline of the given graphical element.",
 			"restrictions": [
 				"color",
 				"enum",
@@ -3088,136 +3532,65 @@ export const cssData : CSSDataV1 = {
 			]
 		},
 		{
-			name: "fill-opacity",
-			"description": "Specifies the opacity of the painting operation used to paint the interior the current object.",
-			"restrictions": [
-				"number(0-1)"
-			]
-		},
-		{
-			name: "fill-rule",
+			name: "transition-property",
 			values: [
 				{
-					name: "evenodd",
-					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses."
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
 				},
 				{
-					name: "nonzero",
-					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray."
+					name: "none",
+					"description": "No property will transition."
 				}
 			],
-			"description": "Indicates the algorithm (or winding rule) which is to be used to determine what parts of the canvas are included inside the shape.",
+			"syntax": "none | <single-transition-property>#",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-property"
+				}
+			],
+			"description": "Specifies the name of the CSS property to which the transition is applied.",
 			"restrictions": [
-				"enum"
+				"property"
 			]
 		},
 		{
-			name: "filter",
-			browsers: [
-				"E12",
-				"FF35",
-				"S9.1",
-				"C53",
-				"O40"
-			],
+			name: "table-layout",
 			values: [
 				{
-					name: "none",
-					"description": "No filter effects are applied."
-				},
-				{
-					name: "blur()",
-					"description": "Applies a Gaussian blur to the input image."
-				},
-				{
-					name: "brightness()",
-					"description": "Applies a linear multiplier to input image, making it appear more or less bright."
-				},
-				{
-					name: "contrast()",
-					"description": "Adjusts the contrast of the input."
-				},
-				{
-					name: "drop-shadow()",
-					"description": "Applies a drop shadow effect to the input image."
-				},
-				{
-					name: "grayscale()",
-					"description": "Converts the input image to grayscale."
-				},
-				{
-					name: "hue-rotate()",
-					"description": "Applies a hue rotation on the input image. "
-				},
-				{
-					name: "invert()",
-					"description": "Inverts the samples in the input image."
-				},
-				{
-					name: "opacity()",
-					"description": "Applies transparency to the samples in the input image."
-				},
-				{
-					name: "saturate()",
-					"description": "Saturates the input image."
-				},
-				{
-					name: "sepia()",
-					"description": "Converts the input image to sepia."
+					name: "auto",
+					"description": "Use any automatic table layout algorithm."
 				},
 				{
-					name: "url()",
-					browsers: [
-						"E12",
-						"FF35",
-						"S9.1",
-						"C53",
-						"O40"
-					],
-					"description": "A filter reference to a <filter> element."
+					name: "fixed",
+					"description": "Use the fixed table layout algorithm."
 				}
 			],
-			"syntax": "none | <filter-function-list>",
+			"syntax": "auto | fixed",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/filter"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/table-layout"
 				}
 			],
-			"description": "Processes an element’s rendering before it is displayed in the document, by applying one or more filter effects.",
+			"description": "Controls the algorithm used to lay out the table cells, rows, and columns.",
 			"restrictions": [
-				"enum",
-				"url"
+				"enum"
 			]
 		},
 		{
-			name: "flex",
-			values: [
-				{
-					name: "auto",
-					"description": "Retrieves the value of the main size property as the used 'flex-basis'."
-				},
-				{
-					name: "content",
-					"description": "Indicates automatic sizing, based on the flex item’s content."
-				},
-				{
-					name: "none",
-					"description": "Expands to '0 0 auto'."
-				}
-			],
-			"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
+			name: "transition-delay",
+			"syntax": "<time>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/flex"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-delay"
 				}
 			],
-			"description": "Specifies the components of a flexible length: the flex grow factor and flex shrink factor, and the flex basis.",
+			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
 			"restrictions": [
-				"length",
-				"number",
-				"percentage"
+				"time"
 			]
 		},
 		{
@@ -3247,2874 +3620,2273 @@ export const cssData : CSSDataV1 = {
 			]
 		},
 		{
-			name: "flex-direction",
+			name: "overflow-wrap",
 			values: [
 				{
-					name: "column",
-					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
-				},
-				{
-					name: "column-reverse",
-					"description": "Same as 'column', except the main-start and main-end directions are swapped."
-				},
-				{
-					name: "row",
-					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
+					name: "break-word",
+					"description": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
 				},
 				{
-					name: "row-reverse",
-					"description": "Same as 'row', except the main-start and main-end directions are swapped."
+					name: "normal",
+					"description": "Lines may break only at allowed break points."
 				}
 			],
-			"syntax": "row | row-reverse | column | column-reverse",
+			"syntax": "normal | break-word | anywhere",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-direction"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-wrap"
 				}
 			],
-			"description": "Specifies how flex items are placed in the flex container, by setting the direction of the flex container’s main axis.",
+			"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit within the line box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "flex-flow",
-			values: [
-				{
-					name: "column",
-					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
-				},
-				{
-					name: "column-reverse",
-					"description": "Same as 'column', except the main-start and main-end directions are swapped."
-				},
-				{
-					name: "nowrap",
-					"description": "The flex container is single-line."
-				},
-				{
-					name: "row",
-					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
-				},
-				{
-					name: "row-reverse",
-					"description": "Same as 'row', except the main-start and main-end directions are swapped."
-				},
-				{
-					name: "wrap",
-					"description": "The flexbox is multi-line."
-				},
+			name: "border-top-width",
+			"syntax": "<line-width>",
+			"references": [
 				{
-					name: "wrap-reverse",
-					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-width"
 				}
 			],
-			"syntax": "<'flex-direction'> || <'flex-wrap'>",
+			"description": "Sets the thickness of the top border.",
+			"restrictions": [
+				"length",
+				"line-width"
+			]
+		},
+		{
+			name: "outline-width",
+			"syntax": "<line-width>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-flow"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-width"
 				}
 			],
-			"description": "Specifies how flexbox items are placed in the flexbox.",
+			"description": "Width of the outline.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "flex-grow",
-			"syntax": "<number>",
+			name: "order",
+			"syntax": "<integer>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-grow"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/order"
 				}
 			],
-			"description": "Sets the flex grow factor. Negative numbers are invalid.",
+			"description": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.",
 			"restrictions": [
-				"number"
+				"integer"
 			]
 		},
 		{
-			name: "flex-shrink",
-			"syntax": "<number>",
+			name: "border-bottom-width",
+			"syntax": "<line-width>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-shrink"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-width"
 				}
 			],
-			"description": "Sets the flex shrink factor. Negative numbers are invalid.",
+			"description": "Sets the thickness of the bottom border.",
 			"restrictions": [
-				"number"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "flex-wrap",
+			name: "animation-fill-mode",
 			values: [
 				{
-					name: "nowrap",
-					"description": "The flex container is single-line."
+					name: "backwards",
+					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
 				},
 				{
-					name: "wrap",
-					"description": "The flexbox is multi-line."
+					name: "both",
+					"description": "Both forwards and backwards fill modes are applied."
 				},
 				{
-					name: "wrap-reverse",
-					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
+					name: "forwards",
+					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+				},
+				{
+					name: "none",
+					"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
 				}
 			],
-			"syntax": "nowrap | wrap | wrap-reverse",
+			"syntax": "<single-animation-fill-mode>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-wrap"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode"
 				}
 			],
-			"description": "Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in.",
+			"description": "Defines what values are applied by the animation outside the time it is executing.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "float",
+			name: "outline-style",
 			values: [
 				{
-					name: "inline-end",
-					"description": "A keyword indicating that the element must float on the end side of its containing block. That is the right side with ltr scripts, and the left side with rtl scripts."
-				},
-				{
-					name: "inline-start",
-					"description": "A keyword indicating that the element must float on the start side of its containing block. That is the left side with ltr scripts, and the right side with rtl scripts."
-				},
-				{
-					name: "left",
-					"description": "The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property)."
-				},
-				{
-					name: "none",
-					"description": "The box is not floated."
-				},
-				{
-					name: "right",
-					"description": "Similar to 'left', except the box is floated to the right, and content flows on the left side of the box, starting at the top."
+					name: "auto",
+					"description": "Permits the user agent to render a custom outline style, typically the default platform style."
 				}
 			],
-			"syntax": "left | right | none | inline-start | inline-end",
+			"syntax": "auto | <'border-style'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/float"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-style"
 				}
 			],
-			"description": "Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned.",
+			"description": "Style of the outline.",
 			"restrictions": [
+				"line-style",
 				"enum"
 			]
 		},
 		{
-			name: "flood-color",
-			browsers: [
-				"E",
-				"C5",
-				"FF3",
-				"IE10",
-				"O9",
-				"S6"
-			],
-			"description": "Indicates what color to use to flood the current filter primitive subregion.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "flood-opacity",
+			name: "object-fit",
 			browsers: [
-				"E",
-				"C5",
-				"FF3",
-				"IE10",
-				"O9",
-				"S6"
+				"E16",
+				"FF36",
+				"S10",
+				"C31",
+				"O19"
 			],
-			"description": "Indicates what opacity to use to flood the current filter primitive subregion.",
-			"restrictions": [
-				"number(0-1)",
-				"percentage"
-			]
-		},
-		{
-			name: "font",
 			values: [
 				{
-					name: "100",
-					"description": "Thin"
-				},
-				{
-					name: "200",
-					"description": "Extra Light (Ultra Light)"
-				},
-				{
-					name: "300",
-					"description": "Light"
-				},
-				{
-					name: "400",
-					"description": "Normal"
-				},
-				{
-					name: "500",
-					"description": "Medium"
-				},
-				{
-					name: "600",
-					"description": "Semi Bold (Demi Bold)"
-				},
-				{
-					name: "700",
-					"description": "Bold"
-				},
-				{
-					name: "800",
-					"description": "Extra Bold (Ultra Bold)"
-				},
-				{
-					name: "900",
-					"description": "Black (Heavy)"
-				},
-				{
-					name: "bold",
-					"description": "Same as 700"
-				},
-				{
-					name: "bolder",
-					"description": "Specifies the weight of the face bolder than the inherited value."
-				},
-				{
-					name: "caption",
-					"description": "The font used for captioned controls (e.g., buttons, drop-downs, etc.)."
-				},
-				{
-					name: "icon",
-					"description": "The font used to label icons."
-				},
-				{
-					name: "italic",
-					"description": "Selects a font that is labeled 'italic', or, if that is not available, one labeled 'oblique'."
-				},
-				{
-					name: "large"
-				},
-				{
-					name: "larger"
-				},
-				{
-					name: "lighter",
-					"description": "Specifies the weight of the face lighter than the inherited value."
-				},
-				{
-					name: "medium"
-				},
-				{
-					name: "menu",
-					"description": "The font used in menus (e.g., dropdown menus and menu lists)."
-				},
-				{
-					name: "message-box",
-					"description": "The font used in dialog boxes."
+					name: "contain",
+					"description": "The replaced content is sized to maintain its aspect ratio while fitting within the element’s content box: its concrete object size is resolved as a contain constraint against the element's used width and height."
 				},
 				{
-					name: "normal",
-					"description": "Specifies a face that is not labeled as a small-caps font."
+					name: "cover",
+					"description": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element’s used width and height."
 				},
 				{
-					name: "oblique",
-					"description": "Selects a font that is labeled 'oblique'."
+					name: "fill",
+					"description": "The replaced content is sized to fill the element’s content box: the object's concrete object size is the element's used width and height."
 				},
 				{
-					name: "small"
+					name: "none",
+					"description": "The replaced content is not resized to fit inside the element's content box"
 				},
 				{
-					name: "small-caps",
-					"description": "Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font."
-				},
+					name: "scale-down",
+					"description": "Size the content as if ‘none’ or ‘contain’ were specified, whichever would result in a smaller concrete object size."
+				}
+			],
+			"syntax": "fill | contain | cover | none | scale-down",
+			"references": [
 				{
-					name: "small-caption",
-					"description": "The font used for labeling small controls."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/object-fit"
+				}
+			],
+			"description": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "stroke-width",
+			"description": "Specifies the width of the stroke on the current object.",
+			"restrictions": [
+				"percentage",
+				"length"
+			]
+		},
+		{
+			name: "transition-duration",
+			"syntax": "<time>#",
+			"references": [
 				{
-					name: "smaller"
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-duration"
+				}
+			],
+			"description": "Specifies how long the transition from the old value to the new value should take.",
+			"restrictions": [
+				"time"
+			]
+		},
+		{
+			name: "animation-delay",
+			"syntax": "<time>#",
+			"references": [
 				{
-					name: "status-bar",
-					"description": "The font used in window status bars."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-delay"
+				}
+			],
+			"description": "Defines when the animation will start.",
+			"restrictions": [
+				"time"
+			]
+		},
+		{
+			name: "outline-offset",
+			browsers: [
+				"E15",
+				"FF1.5",
+				"S1.2",
+				"C1",
+				"O9.5"
+			],
+			"syntax": "<length>",
+			"references": [
 				{
-					name: "x-large"
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-offset"
+				}
+			],
+			"description": "Offset the outline and draw it beyond the border edge.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "stroke-dashoffset",
+			"description": "Specifies the distance into the dash pattern to start the dash.",
+			"restrictions": [
+				"percentage",
+				"length"
+			]
+		},
+		{
+			name: "backface-visibility",
+			values: [
 				{
-					name: "x-small"
+					name: "hidden",
+					"description": "Back side is hidden."
 				},
 				{
-					name: "xx-large"
-				},
+					name: "visible",
+					"description": "Back side is visible."
+				}
+			],
+			"syntax": "visible | hidden",
+			"references": [
 				{
-					name: "xx-small"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/backface-visibility"
 				}
 			],
-			"syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
+			"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "border-right-width",
+			"syntax": "<line-width>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-width"
 				}
 			],
-			"description": "Shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family', at the same place in the style sheet. The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts.",
+			"description": "Sets the thickness of the right border.",
 			"restrictions": [
-				"font"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "font-family",
+			name: "flex-flow",
 			values: [
 				{
-					name: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"
+					name: "column",
+					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
 				},
 				{
-					name: "Arial, Helvetica, sans-serif"
+					name: "column-reverse",
+					"description": "Same as 'column', except the main-start and main-end directions are swapped."
 				},
 				{
-					name: "Cambria, Cochin, Georgia, Times, 'Times New Roman', serif"
+					name: "nowrap",
+					"description": "The flex container is single-line."
 				},
 				{
-					name: "'Courier New', Courier, monospace"
+					name: "row",
+					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
 				},
 				{
-					name: "cursive"
+					name: "row-reverse",
+					"description": "Same as 'row', except the main-start and main-end directions are swapped."
 				},
 				{
-					name: "fantasy"
+					name: "wrap",
+					"description": "The flexbox is multi-line."
 				},
 				{
-					name: "'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif"
-				},
+					name: "wrap-reverse",
+					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
+				}
+			],
+			"syntax": "<'flex-direction'> || <'flex-wrap'>",
+			"references": [
 				{
-					name: "Georgia, 'Times New Roman', Times, serif"
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/flex-flow"
+				}
+			],
+			"description": "Specifies how flexbox items are placed in the flexbox.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "word-spacing",
+			values: [
 				{
-					name: "'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif"
-				},
+					name: "normal",
+					"description": "No additional spacing is applied. Computes to zero."
+				}
+			],
+			"syntax": "normal | <length-percentage>",
+			"references": [
 				{
-					name: "Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/word-spacing"
+				}
+			],
+			"description": "Specifies additional spacing between “words”.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "transition-timing-function",
+			"syntax": "<timing-function>#",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-timing-function"
+				}
+			],
+			"description": "Describes how the intermediate values used during a transition will be calculated.",
+			"restrictions": [
+				"timing-function"
+			]
+		},
+		{
+			name: "resize",
+			browsers: [
+				"FF4",
+				"S3",
+				"C1",
+				"O12.1"
+			],
+			values: [
+				{
+					name: "both",
+					"description": "The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element."
 				},
 				{
-					name: "'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif"
+					name: "horizontal",
+					"description": "The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element."
 				},
 				{
-					name: "monospace"
+					name: "none",
+					"description": "The UA does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element."
 				},
 				{
-					name: "sans-serif"
+					name: "vertical",
+					"description": "The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element."
+				}
+			],
+			"syntax": "none | both | horizontal | vertical | block | inline",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/resize"
+				}
+			],
+			"description": "Specifies whether or not an element is resizable by the user, and if so, along which axis/axes.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "unicode-bidi",
+			values: [
+				{
+					name: "bidi-override",
+					"description": "Inside the element, reordering is strictly in sequence according to the 'direction' property; the implicit part of the bidirectional algorithm is ignored."
 				},
 				{
-					name: "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"
+					name: "embed",
+					"description": "If the element is inline-level, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the 'direction' property."
 				},
 				{
-					name: "serif"
+					name: "isolate",
+					"description": "The contents of the element are considered to be inside a separate, independent paragraph."
 				},
 				{
-					name: "'Times New Roman', Times, serif"
+					name: "isolate-override",
+					"description": "This combines the isolation behavior of 'isolate' with the directional override behavior of 'bidi-override'"
 				},
 				{
-					name: "'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif"
+					name: "normal",
+					"description": "The element does not open an additional level of embedding with respect to the bidirectional algorithm. For inline-level elements, implicit reordering works across element boundaries."
 				},
 				{
-					name: "Verdana, Geneva, Tahoma, sans-serif"
+					name: "plaintext",
+					"description": "For the purposes of the Unicode bidirectional algorithm, the base directionality of each bidi paragraph for which the element forms the containing block is determined not by the element's computed 'direction'."
 				}
 			],
-			"syntax": "<family-name>",
+			"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-family"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/unicode-bidi"
 				}
 			],
-			"description": "Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered.",
+			"description": "The level of embedding with respect to the bidirectional algorithm.",
 			"restrictions": [
-				"font"
+				"enum"
 			]
 		},
 		{
-			name: "font-feature-settings",
+			name: "unicode-range",
 			values: [
 				{
-					name: "\"aalt\"",
-					"description": "Access All Alternates."
+					name: "U+26",
+					"description": "Ampersand."
 				},
 				{
-					name: "\"abvf\"",
-					"description": "Above-base Forms. Required in Khmer script."
+					name: "U+20-24F, U+2B0-2FF, U+370-4FF, U+1E00-1EFF, U+2000-20CF, U+2100-23FF, U+2500-26FF, U+E000-F8FF, U+FB00–FB4F",
+					"description": "WGL4 character set (Pan-European)."
 				},
 				{
-					name: "\"abvm\"",
-					"description": "Above-base Mark Positioning. Required in Indic scripts."
+					name: "U+20-17F, U+2B0-2FF, U+2000-206F, U+20A0-20CF, U+2100-21FF, U+2600-26FF",
+					"description": "The Multilingual European Subset No. 1. Latin. Covers ~44 languages."
 				},
 				{
-					name: "\"abvs\"",
-					"description": "Above-base Substitutions. Required in Indic scripts."
+					name: "U+20-2FF, U+370-4FF, U+1E00-20CF, U+2100-23FF, U+2500-26FF, U+FB00-FB4F, U+FFF0-FFFD",
+					"description": "The Multilingual European Subset No. 2. Latin, Greek, and Cyrillic. Covers ~128 language."
 				},
 				{
-					name: "\"afrc\"",
-					"description": "Alternative Fractions."
+					name: "U+20-4FF, U+530-58F, U+10D0-10FF, U+1E00-23FF, U+2440-245F, U+2500-26FF, U+FB00-FB4F, U+FE20-FE2F, U+FFF0-FFFD",
+					"description": "The Multilingual European Subset No. 3. Covers all characters belonging to European scripts."
 				},
 				{
-					name: "\"akhn\"",
-					"description": "Akhand. Required in most Indic scripts."
+					name: "U+00-7F",
+					"description": "Basic Latin (ASCII)."
 				},
 				{
-					name: "\"blwf\"",
-					"description": "Below-base Form. Required in a number of Indic scripts."
+					name: "U+80-FF",
+					"description": "Latin-1 Supplement. Accented characters for Western European languages, common punctuation characters, multiplication and division signs."
 				},
 				{
-					name: "\"blwm\"",
-					"description": "Below-base Mark Positioning. Required in Indic scripts."
+					name: "U+100-17F",
+					"description": "Latin Extended-A. Accented characters for for Czech, Dutch, Polish, and Turkish."
 				},
 				{
-					name: "\"blws\"",
-					"description": "Below-base Substitutions. Required in Indic scripts."
+					name: "U+180-24F",
+					"description": "Latin Extended-B. Croatian, Slovenian, Romanian, Non-European and historic latin, Khoisan, Pinyin, Livonian, Sinology."
 				},
 				{
-					name: "\"calt\"",
-					"description": "Contextual Alternates."
+					name: "U+1E00-1EFF",
+					"description": "Latin Extended Additional. Vietnamese, German captial sharp s, Medievalist, Latin general use."
 				},
 				{
-					name: "\"case\"",
-					"description": "Case-Sensitive Forms. Applies only to European scripts; particularly prominent in Spanish-language setting."
+					name: "U+250-2AF",
+					"description": "International Phonetic Alphabet Extensions."
 				},
 				{
-					name: "\"ccmp\"",
-					"description": "Glyph Composition/Decomposition."
+					name: "U+370-3FF",
+					"description": "Greek and Coptic."
 				},
 				{
-					name: "\"cfar\"",
-					"description": "Conjunct Form After Ro. Required in Khmer scripts."
+					name: "U+1F00-1FFF",
+					"description": "Greek Extended. Accented characters for polytonic Greek."
 				},
 				{
-					name: "\"cjct\"",
-					"description": "Conjunct Forms. Required in Indic scripts that show similarity to Devanagari."
+					name: "U+400-4FF",
+					"description": "Cyrillic."
 				},
 				{
-					name: "\"clig\"",
-					"description": "Contextual Ligatures."
+					name: "U+500-52F",
+					"description": "Cyrillic Supplement. Extra letters for Komi, Khanty, Chukchi, Mordvin, Kurdish, Aleut, Chuvash, Abkhaz, Azerbaijani, and Orok."
 				},
 				{
-					name: "\"cpct\"",
-					"description": "Centered CJK Punctuation. Used primarily in Chinese fonts."
+					name: "U+00-52F, U+1E00-1FFF, U+2200–22FF",
+					"description": "Latin, Greek, Cyrillic, some punctuation and symbols."
 				},
 				{
-					name: "\"cpsp\"",
-					"description": "Capital Spacing. Should not be used in connecting scripts (e.g. most Arabic)."
+					name: "U+530–58F",
+					"description": "Armenian."
 				},
 				{
-					name: "\"cswh\"",
-					"description": "Contextual Swash."
+					name: "U+590–5FF",
+					"description": "Hebrew."
 				},
 				{
-					name: "\"curs\"",
-					"description": "Cursive Positioning. Can be used in any cursive script."
+					name: "U+600–6FF",
+					"description": "Arabic."
 				},
 				{
-					name: "\"c2pc\"",
-					"description": "Petite Capitals From Capitals. Applies only to bicameral scripts."
+					name: "U+750–77F",
+					"description": "Arabic Supplement. Additional letters for African languages, Khowar, Torwali, Burushaski, and early Persian."
 				},
 				{
-					name: "\"c2sc\"",
-					"description": "Small Capitals From Capitals. Applies only to bicameral scripts."
+					name: "U+8A0–8FF",
+					"description": "Arabic Extended-A. Additional letters for African languages, European and Central Asian languages, Rohingya, Tamazight, Arwi, and Koranic annotation signs."
 				},
 				{
-					name: "\"dist\"",
-					"description": "Distances. Required in Indic scripts."
+					name: "U+700–74F",
+					"description": "Syriac."
 				},
 				{
-					name: "\"dlig\"",
-					"description": "Discretionary ligatures."
+					name: "U+900–97F",
+					"description": "Devanagari."
 				},
 				{
-					name: "\"dnom\"",
-					"description": "Denominators."
+					name: "U+980–9FF",
+					"description": "Bengali."
 				},
 				{
-					name: "\"dtls\"",
-					"description": "Dotless Forms. Applied to math formula layout."
+					name: "U+A00–A7F",
+					"description": "Gurmukhi."
 				},
 				{
-					name: "\"expt\"",
-					"description": "Expert Forms. Applies only to Japanese."
+					name: "U+A80–AFF",
+					"description": "Gujarati."
 				},
 				{
-					name: "\"falt\"",
-					"description": "Final Glyph on Line Alternates. Can be used in any cursive script."
+					name: "U+B00–B7F",
+					"description": "Oriya."
 				},
 				{
-					name: "\"fin2\"",
-					"description": "Terminal Form #2. Used only with the Syriac script."
+					name: "U+B80–BFF",
+					"description": "Tamil."
 				},
 				{
-					name: "\"fin3\"",
-					"description": "Terminal Form #3. Used only with the Syriac script."
+					name: "U+C00–C7F",
+					"description": "Telugu."
 				},
 				{
-					name: "\"fina\"",
-					"description": "Terminal Forms. Can be used in any alphabetic script."
+					name: "U+C80–CFF",
+					"description": "Kannada."
 				},
 				{
-					name: "\"flac\"",
-					"description": "Flattened ascent forms. Applied to math formula layout."
-				},
-				{
-					name: "\"frac\"",
-					"description": "Fractions."
+					name: "U+D00–D7F",
+					"description": "Malayalam."
 				},
 				{
-					name: "\"fwid\"",
-					"description": "Full Widths. Applies to any script which can use monospaced forms."
+					name: "U+D80–DFF",
+					"description": "Sinhala."
 				},
 				{
-					name: "\"half\"",
-					"description": "Half Forms. Required in Indic scripts that show similarity to Devanagari."
+					name: "U+118A0–118FF",
+					"description": "Warang Citi."
 				},
 				{
-					name: "\"haln\"",
-					"description": "Halant Forms. Required in Indic scripts."
+					name: "U+E00–E7F",
+					"description": "Thai."
 				},
 				{
-					name: "\"halt\"",
-					"description": "Alternate Half Widths. Used only in CJKV fonts."
+					name: "U+1A20–1AAF",
+					"description": "Tai Tham."
 				},
 				{
-					name: "\"hist\"",
-					"description": "Historical Forms."
+					name: "U+AA80–AADF",
+					"description": "Tai Viet."
 				},
 				{
-					name: "\"hkna\"",
-					"description": "Horizontal Kana Alternates. Applies only to fonts that support kana (hiragana and katakana)."
+					name: "U+E80–EFF",
+					"description": "Lao."
 				},
 				{
-					name: "\"hlig\"",
-					"description": "Historical Ligatures."
+					name: "U+F00–FFF",
+					"description": "Tibetan."
 				},
 				{
-					name: "\"hngl\"",
-					"description": "Hangul. Korean only."
+					name: "U+1000–109F",
+					"description": "Myanmar (Burmese)."
 				},
 				{
-					name: "\"hojo\"",
-					"description": "Hojo Kanji Forms (JIS X 0212-1990 Kanji Forms). Used only with Kanji script."
+					name: "U+10A0–10FF",
+					"description": "Georgian."
 				},
 				{
-					name: "\"hwid\"",
-					"description": "Half Widths. Generally used only in CJKV fonts."
+					name: "U+1200–137F",
+					"description": "Ethiopic."
 				},
 				{
-					name: "\"init\"",
-					"description": "Initial Forms. Can be used in any alphabetic script."
+					name: "U+1380–139F",
+					"description": "Ethiopic Supplement. Extra Syllables for Sebatbeit, and Tonal marks"
 				},
 				{
-					name: "\"isol\"",
-					"description": "Isolated Forms. Can be used in any cursive script."
+					name: "U+2D80–2DDF",
+					"description": "Ethiopic Extended. Extra Syllables for Me'en, Blin, and Sebatbeit."
 				},
 				{
-					name: "\"ital\"",
-					"description": "Italics. Applies mostly to Latin; note that many non-Latin fonts contain Latin as well."
+					name: "U+AB00–AB2F",
+					"description": "Ethiopic Extended-A. Extra characters for Gamo-Gofa-Dawro, Basketo, and Gumuz."
 				},
 				{
-					name: "\"jalt\"",
-					"description": "Justification Alternates. Can be used in any cursive script."
+					name: "U+1780–17FF",
+					"description": "Khmer."
 				},
 				{
-					name: "\"jp78\"",
-					"description": "JIS78 Forms. Applies only to Japanese."
+					name: "U+1800–18AF",
+					"description": "Mongolian."
 				},
 				{
-					name: "\"jp83\"",
-					"description": "JIS83 Forms. Applies only to Japanese."
+					name: "U+1B80–1BBF",
+					"description": "Sundanese."
 				},
 				{
-					name: "\"jp90\"",
-					"description": "JIS90 Forms. Applies only to Japanese."
+					name: "U+1CC0–1CCF",
+					"description": "Sundanese Supplement. Punctuation."
 				},
 				{
-					name: "\"jp04\"",
-					"description": "JIS2004 Forms. Applies only to Japanese."
+					name: "U+4E00–9FD5",
+					"description": "CJK (Chinese, Japanese, Korean) Unified Ideographs. Most common ideographs for modern Chinese and Japanese."
 				},
 				{
-					name: "\"kern\"",
-					"description": "Kerning."
+					name: "U+3400–4DB5",
+					"description": "CJK Unified Ideographs Extension A. Rare ideographs."
 				},
 				{
-					name: "\"lfbd\"",
-					"description": "Left Bounds."
+					name: "U+2F00–2FDF",
+					"description": "Kangxi Radicals."
 				},
 				{
-					name: "\"liga\"",
-					"description": "Standard Ligatures."
+					name: "U+2E80–2EFF",
+					"description": "CJK Radicals Supplement. Alternative forms of Kangxi Radicals."
 				},
 				{
-					name: "\"ljmo\"",
-					"description": "Leading Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
+					name: "U+1100–11FF",
+					"description": "Hangul Jamo."
 				},
 				{
-					name: "\"lnum\"",
-					"description": "Lining Figures."
+					name: "U+AC00–D7AF",
+					"description": "Hangul Syllables."
 				},
 				{
-					name: "\"locl\"",
-					"description": "Localized Forms."
+					name: "U+3040–309F",
+					"description": "Hiragana."
 				},
 				{
-					name: "\"ltra\"",
-					"description": "Left-to-right glyph alternates."
+					name: "U+30A0–30FF",
+					"description": "Katakana."
 				},
 				{
-					name: "\"ltrm\"",
-					"description": "Left-to-right mirrored forms."
+					name: "U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F",
+					"description": "Japanese Kanji, Hiragana and Katakana characters plus Yen/Yuan symbol."
 				},
 				{
-					name: "\"mark\"",
-					"description": "Mark Positioning."
+					name: "U+A4D0–A4FF",
+					"description": "Lisu."
 				},
 				{
-					name: "\"med2\"",
-					"description": "Medial Form #2. Used only with the Syriac script."
+					name: "U+A000–A48F",
+					"description": "Yi Syllables."
 				},
 				{
-					name: "\"medi\"",
-					"description": "Medial Forms."
+					name: "U+A490–A4CF",
+					"description": "Yi Radicals."
 				},
 				{
-					name: "\"mgrk\"",
-					"description": "Mathematical Greek."
+					name: "U+2000-206F",
+					"description": "General Punctuation."
 				},
 				{
-					name: "\"mkmk\"",
-					"description": "Mark to Mark Positioning."
+					name: "U+3000–303F",
+					"description": "CJK Symbols and Punctuation."
 				},
 				{
-					name: "\"nalt\"",
-					"description": "Alternate Annotation Forms."
+					name: "U+2070–209F",
+					"description": "Superscripts and Subscripts."
 				},
 				{
-					name: "\"nlck\"",
-					"description": "NLC Kanji Forms. Used only with Kanji script."
+					name: "U+20A0–20CF",
+					"description": "Currency Symbols."
 				},
 				{
-					name: "\"nukt\"",
-					"description": "Nukta Forms. Required in Indic scripts.."
+					name: "U+2100–214F",
+					"description": "Letterlike Symbols."
 				},
 				{
-					name: "\"numr\"",
-					"description": "Numerators."
+					name: "U+2150–218F",
+					"description": "Number Forms."
 				},
 				{
-					name: "\"onum\"",
-					"description": "Oldstyle Figures."
+					name: "U+2190–21FF",
+					"description": "Arrows."
 				},
 				{
-					name: "\"opbd\"",
-					"description": "Optical Bounds."
+					name: "U+2200–22FF",
+					"description": "Mathematical Operators."
 				},
 				{
-					name: "\"ordn\"",
-					"description": "Ordinals. Applies mostly to Latin script."
+					name: "U+2300–23FF",
+					"description": "Miscellaneous Technical."
 				},
 				{
-					name: "\"ornm\"",
-					"description": "Ornaments."
+					name: "U+E000-F8FF",
+					"description": "Private Use Area."
 				},
 				{
-					name: "\"palt\"",
-					"description": "Proportional Alternate Widths. Used mostly in CJKV fonts."
+					name: "U+FB00–FB4F",
+					"description": "Alphabetic Presentation Forms. Ligatures for latin, Armenian, and Hebrew."
 				},
 				{
-					name: "\"pcap\"",
-					"description": "Petite Capitals."
+					name: "U+FB50–FDFF",
+					"description": "Arabic Presentation Forms-A. Contextual forms / ligatures for Persian, Urdu, Sindhi, Central Asian languages, etc, Arabic pedagogical symbols, word ligatures."
 				},
 				{
-					name: "\"pkna\"",
-					"description": "Proportional Kana. Generally used only in Japanese fonts."
+					name: "U+1F600–1F64F",
+					"description": "Emoji: Emoticons."
 				},
 				{
-					name: "\"pnum\"",
-					"description": "Proportional Figures."
+					name: "U+2600–26FF",
+					"description": "Emoji: Miscellaneous Symbols."
 				},
 				{
-					name: "\"pref\"",
-					"description": "Pre-base Forms. Required in Khmer and Myanmar (Burmese) scripts and southern Indic scripts that may display a pre-base form of Ra."
+					name: "U+1F300–1F5FF",
+					"description": "Emoji: Miscellaneous Symbols and Pictographs."
 				},
 				{
-					name: "\"pres\"",
-					"description": "Pre-base Substitutions. Required in Indic scripts."
+					name: "U+1F900–1F9FF",
+					"description": "Emoji: Supplemental Symbols and Pictographs."
 				},
 				{
-					name: "\"pstf\"",
-					"description": "Post-base Forms. Required in scripts of south and southeast Asia that have post-base forms for consonants eg: Gurmukhi, Malayalam, Khmer."
-				},
+					name: "U+1F680–1F6FF",
+					"description": "Emoji: Transport and Map Symbols."
+				}
+			],
+			"syntax": "<unicode-range>#",
+			"description": "@font-face descriptor. Defines the set of Unicode codepoints that may be supported by the font face for which it is declared.",
+			"restrictions": [
+				"unicode-range"
+			]
+		},
+		{
+			name: "stroke-dasharray",
+			values: [
 				{
-					name: "\"psts\"",
-					"description": "Post-base Substitutions."
-				},
+					name: "none",
+					"description": "Indicates that no dashing is used."
+				}
+			],
+			"description": "Controls the pattern of dashes and gaps used to stroke paths.",
+			"restrictions": [
+				"length",
+				"percentage",
+				"number",
+				"enum"
+			]
+		},
+		{
+			name: "animation-iteration-count",
+			values: [
 				{
-					name: "\"pwid\"",
-					"description": "Proportional Widths."
-				},
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
+				}
+			],
+			"syntax": "<single-animation-iteration-count>#",
+			"references": [
 				{
-					name: "\"qwid\"",
-					"description": "Quarter Widths. Generally used only in CJKV fonts."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count"
+				}
+			],
+			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
+			"restrictions": [
+				"number",
+				"enum"
+			]
+		},
+		{
+			name: "image-rendering",
+			browsers: [
+				"FF3.6",
+				"S6",
+				"C13",
+				"O15"
+			],
+			values: [
+				{
+					name: "auto",
+					"description": "The image should be scaled with an algorithm that maximizes the appearance of the image."
 				},
 				{
-					name: "\"rand\"",
-					"description": "Randomize."
+					name: "crisp-edges",
+					"description": "The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process."
 				},
 				{
-					name: "\"rclt\"",
-					"description": "Required Contextual Alternates. May apply to any script, but is especially important for many styles of Arabic."
-				},
-				{
-					name: "\"rlig\"",
-					"description": "Required Ligatures. Applies to Arabic and Syriac. May apply to some other scripts."
-				},
-				{
-					name: "\"rkrf\"",
-					"description": "Rakar Forms. Required in Devanagari and Gujarati scripts."
-				},
-				{
-					name: "\"rphf\"",
-					"description": "Reph Form. Required in Indic scripts. E.g. Devanagari, Kannada."
-				},
-				{
-					name: "\"rtbd\"",
-					"description": "Right Bounds."
-				},
-				{
-					name: "\"rtla\"",
-					"description": "Right-to-left alternates."
-				},
-				{
-					name: "\"rtlm\"",
-					"description": "Right-to-left mirrored forms."
-				},
-				{
-					name: "\"ruby\"",
-					"description": "Ruby Notation Forms. Applies only to Japanese."
-				},
-				{
-					name: "\"salt\"",
-					"description": "Stylistic Alternates."
-				},
-				{
-					name: "\"sinf\"",
-					"description": "Scientific Inferiors."
-				},
-				{
-					name: "\"size\"",
-					"description": "Optical size."
-				},
-				{
-					name: "\"smcp\"",
-					"description": "Small Capitals. Applies only to bicameral scripts."
-				},
-				{
-					name: "\"smpl\"",
-					"description": "Simplified Forms. Applies only to Chinese and Japanese."
-				},
-				{
-					name: "\"ssty\"",
-					"description": "Math script style alternates."
-				},
-				{
-					name: "\"stch\"",
-					"description": "Stretching Glyph Decomposition."
-				},
-				{
-					name: "\"subs\"",
-					"description": "Subscript."
-				},
-				{
-					name: "\"sups\"",
-					"description": "Superscript."
-				},
-				{
-					name: "\"swsh\"",
-					"description": "Swash. Does not apply to ideographic scripts."
-				},
-				{
-					name: "\"titl\"",
-					"description": "Titling."
-				},
-				{
-					name: "\"tjmo\"",
-					"description": "Trailing Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
-				},
-				{
-					name: "\"tnam\"",
-					"description": "Traditional Name Forms. Applies only to Japanese."
-				},
-				{
-					name: "\"tnum\"",
-					"description": "Tabular Figures."
-				},
-				{
-					name: "\"trad\"",
-					"description": "Traditional Forms. Applies only to Chinese and Japanese."
-				},
-				{
-					name: "\"twid\"",
-					"description": "Third Widths. Generally used only in CJKV fonts."
-				},
-				{
-					name: "\"unic\"",
-					"description": "Unicase."
-				},
-				{
-					name: "\"valt\"",
-					"description": "Alternate Vertical Metrics. Applies only to scripts with vertical writing modes."
-				},
-				{
-					name: "\"vatu\"",
-					"description": "Vattu Variants. Used for Indic scripts. E.g. Devanagari."
+					name: "-moz-crisp-edges",
+					browsers: [
+						"FF3.6",
+						"S6",
+						"C13",
+						"O15"
+					]
 				},
 				{
-					name: "\"vert\"",
-					"description": "Vertical Alternates. Applies only to scripts with vertical writing modes."
+					name: "optimizeQuality",
+					"description": "Deprecated."
 				},
 				{
-					name: "\"vhal\"",
-					"description": "Alternate Vertical Half Metrics. Used only in CJKV fonts."
+					name: "optimizeSpeed",
+					"description": "Deprecated."
 				},
 				{
-					name: "\"vjmo\"",
-					"description": "Vowel Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
-				},
+					name: "pixelated",
+					"description": "When scaling the image up, the 'nearest neighbor' or similar algorithm must be used, so that the image appears to be simply composed of very large pixels."
+				}
+			],
+			"syntax": "auto | crisp-edges | pixelated",
+			"references": [
 				{
-					name: "\"vkna\"",
-					"description": "Vertical Kana Alternates. Applies only to fonts that support kana (hiragana and katakana)."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/image-rendering"
+				}
+			],
+			"description": "Provides a hint to the user-agent about what aspects of an image are most important to preserve when the image is scaled, to aid the user-agent in the choice of an appropriate scaling algorithm.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "border-left-width",
+			"syntax": "<line-width>",
+			"references": [
 				{
-					name: "\"vkrn\"",
-					"description": "Vertical Kerning."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-width"
+				}
+			],
+			"description": "Sets the thickness of the left border.",
+			"restrictions": [
+				"length",
+				"line-width"
+			]
+		},
+		{
+			name: "align-content",
+			values: [
 				{
-					name: "\"vpal\"",
-					"description": "Proportional Alternate Vertical Metrics. Used mostly in CJKV fonts."
+					name: "center",
+					"description": "Lines are packed toward the center of the flex container."
 				},
 				{
-					name: "\"vrt2\"",
-					"description": "Vertical Alternates and Rotation. Applies only to scripts with vertical writing modes."
+					name: "flex-end",
+					"description": "Lines are packed toward the end of the flex container."
 				},
 				{
-					name: "\"zero\"",
-					"description": "Slashed Zero."
+					name: "flex-start",
+					"description": "Lines are packed toward the start of the flex container."
 				},
 				{
-					name: "normal",
-					"description": "No change in glyph substitution or positioning occurs."
+					name: "space-around",
+					"description": "Lines are evenly distributed in the flex container, with half-size spaces on either end."
 				},
 				{
-					name: "off",
-					"description": "Disable feature."
+					name: "space-between",
+					"description": "Lines are evenly distributed in the flex container."
 				},
 				{
-					name: "on",
-					"description": "Enable feature."
+					name: "stretch",
+					"description": "Lines stretch to take up the remaining space."
 				}
 			],
-			"syntax": "normal | <feature-tag-value>#",
+			"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
+			"description": "Aligns a flex container’s lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "border-bottom-style",
+			"syntax": "<line-style>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-feature-settings"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-style"
 				}
 			],
-			"description": "Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
+			"description": "Sets the style of the bottom border.",
 			"restrictions": [
-				"string",
-				"integer"
+				"line-style"
 			]
 		},
 		{
-			name: "font-kerning",
-			browsers: [
-				"FF32",
-				"S7",
-				"C32",
-				"O19"
-			],
+			name: "perspective",
 			values: [
-				{
-					name: "auto",
-					"description": "Specifies that kerning is applied at the discretion of the user agent."
-				},
 				{
 					name: "none",
-					"description": "Specifies that kerning is not applied."
-				},
-				{
-					name: "normal",
-					"description": "Specifies that kerning is applied."
+					"description": "No perspective transform is applied."
 				}
 			],
-			"syntax": "auto | normal | none",
+			"syntax": "none | <length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-kerning"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/perspective"
 				}
 			],
-			"description": "Kerning is the contextual adjustment of inter-glyph spacing. This property controls metric kerning, kerning that utilizes adjustment data contained in the font.",
+			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
 			"restrictions": [
+				"length",
 				"enum"
 			]
 		},
 		{
-			name: "font-language-override",
-			browsers: [
-				"FF34"
-			],
-			values: [
-				{
-					name: "normal",
-					"description": "Implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering."
-				}
-			],
-			"syntax": "normal | <string>",
+			name: "border-top-style",
+			"syntax": "<line-style>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-language-override"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-top-style"
 				}
 			],
-			"description": "The value of 'normal' implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering.",
+			"description": "Sets the style of the top border.",
 			"restrictions": [
-				"string"
+				"line-style"
 			]
 		},
 		{
-			name: "font-size",
-			values: [
-				{
-					name: "large"
-				},
-				{
-					name: "larger"
-				},
-				{
-					name: "medium"
-				},
-				{
-					name: "small"
-				},
-				{
-					name: "smaller"
-				},
-				{
-					name: "x-large"
-				},
-				{
-					name: "x-small"
-				},
-				{
-					name: "xx-large"
-				},
-				{
-					name: "xx-small"
-				}
+			name: "text-size-adjust",
+			"status": "experimental",
+			"syntax": "none | auto | <percentage>",
+			browsers: [
+				"E12",
+				"C54",
+				"O41"
 			],
-			"syntax": "<absolute-size> | <relative-size> | <length-percentage>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-size-adjust"
 				}
 			],
-			"description": "Indicates the desired height of glyphs from the font. For scalable fonts, the font-size is a scale factor applied to the EM unit of the font. (Note that certain glyphs may bleed outside their EM box.) For non-scalable fonts, the font-size is converted into absolute units and matched against the declared font-size of the font, using the same absolute coordinate space for both of the matched values.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
+			"description": "The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property."
 		},
 		{
-			name: "font-size-adjust",
+			name: "transform-style",
 			browsers: [
-				"FF40",
-				"C43",
-				"O30"
+				"E12",
+				"FF16",
+				"S9",
+				"C36",
+				"O15"
 			],
 			values: [
 				{
-					name: "none",
-					"description": "Do not preserve the font’s x-height."
+					name: "flat",
+					"description": "All children of this element are rendered flattened into the 2D plane of the element."
+				},
+				{
+					name: "preserve-3d",
+					browsers: [
+						"E12",
+						"FF16",
+						"S9",
+						"C36",
+						"O15"
+					],
+					"description": "Flattening is not performed, so children maintain their position in 3D space."
 				}
 			],
-			"syntax": "none | <number>",
+			"syntax": "flat | preserve-3d",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-size-adjust"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transform-style"
 				}
 			],
-			"description": "Preserves the readability of text when font fallback occurs by adjusting the font-size so that the x-height is the same irregardless of the font used.",
+			"description": "Defines how nested elements are rendered in 3D space.",
 			"restrictions": [
-				"number"
+				"enum"
 			]
 		},
 		{
-			name: "font-stretch",
+			name: "grid-template-columns",
+			browsers: [
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
+			],
 			values: [
 				{
-					name: "condensed"
-				},
-				{
-					name: "expanded"
-				},
-				{
-					name: "extra-condensed"
-				},
-				{
-					name: "extra-expanded"
-				},
-				{
-					name: "narrower",
-					"description": "Indicates a narrower value relative to the width of the parent element."
+					name: "none",
+					"description": "There is no explicit grid; any rows/columns will be implicitly generated."
 				},
 				{
-					name: "normal"
+					name: "min-content",
+					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
 				},
 				{
-					name: "semi-condensed"
+					name: "max-content",
+					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
 				},
 				{
-					name: "semi-expanded"
+					name: "auto",
+					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
 				},
 				{
-					name: "ultra-condensed"
+					name: "subgrid",
+					"description": "Indicates that the grid will align to its parent grid in that axis."
 				},
 				{
-					name: "ultra-expanded"
+					name: "minmax()",
+					"description": "Defines a size range greater than or equal to min and less than or equal to max."
 				},
 				{
-					name: "wider",
-					"description": "Indicates a wider value relative to the width of the parent element."
+					name: "repeat()",
+					"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
 				}
 			],
-			"syntax": "<font-stretch-absolute>{1,2}",
+			"syntax": "none | <track-list> | <auto-track-list>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-stretch"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-columns"
 				}
 			],
-			"description": "Selects a normal, condensed, or expanded face from a font family.",
+			"description": "specifies, as a space-separated track list, the line names and track sizing functions of the grid.",
 			"restrictions": [
+				"identifier",
+				"length",
+				"percentage",
 				"enum"
 			]
 		},
 		{
-			name: "font-style",
+			name: "list-style-position",
 			values: [
 				{
-					name: "italic",
-					"description": "Selects a font that is labeled as an 'italic' face, or an 'oblique' face if one is not"
-				},
-				{
-					name: "normal",
-					"description": "Selects a face that is classified as 'normal'."
+					name: "inside",
+					"description": "The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below."
 				},
 				{
-					name: "oblique",
-					"description": "Selects a font that is labeled as an 'oblique' face, or an 'italic' face if one is not."
+					name: "outside",
+					"description": "The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows."
 				}
 			],
-			"syntax": "normal | italic | oblique <angle>{0,2}",
+			"syntax": "inside | outside",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-position"
 				}
 			],
-			"description": "Allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face.",
+			"description": "Specifies the position of the '::marker' pseudo-element's box in the list item.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "font-synthesis",
-			browsers: [
-				"FF34",
-				"S9"
-			],
+			name: "animation-direction",
 			values: [
 				{
-					name: "none",
-					"description": "Disallow all synthetic faces."
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
 				},
 				{
-					name: "style",
-					"description": "Allow synthetic italic faces."
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
 				},
 				{
-					name: "weight",
-					"description": "Allow synthetic bold faces."
+					name: "normal",
+					"description": "Normal playback."
+				},
+				{
+					name: "reverse",
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
-			"syntax": "none | [ weight || style ]",
+			"syntax": "<single-animation-direction>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-synthesis"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-direction"
 				}
 			],
-			"description": "Controls whether user agents are allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces.",
+			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "font-variant",
+			name: "animation-play-state",
 			values: [
 				{
-					name: "normal",
-					"description": "Specifies a face that is not labeled as a small-caps font."
+					name: "paused",
+					"description": "A running animation will be paused."
 				},
 				{
-					name: "small-caps",
-					"description": "Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font."
+					name: "running",
+					"description": "Resume playback of a paused animation."
 				}
 			],
-			"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
+			"syntax": "<single-animation-play-state>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/animation-play-state"
 				}
 			],
-			"description": "Specifies variant representations of the font",
+			"description": "Defines whether the animation is running or paused.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "font-variant-alternates",
-			browsers: [
-				"FF34"
-			],
+			name: "hyphens",
 			values: [
 				{
-					name: "annotation()",
-					"description": "Enables display of alternate annotation forms."
-				},
-				{
-					name: "character-variant()",
-					"description": "Enables display of specific character variants."
-				},
-				{
-					name: "historical-forms",
-					"description": "Enables display of historical forms."
-				},
-				{
-					name: "normal",
-					"description": "None of the features are enabled."
-				},
-				{
-					name: "ornaments()",
-					"description": "Enables replacement of default glyphs with ornaments, if provided in the font."
-				},
-				{
-					name: "styleset()",
-					"description": "Enables display with stylistic sets."
+					name: "auto",
+					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
 				},
 				{
-					name: "stylistic()",
-					"description": "Enables display of stylistic alternates."
+					name: "manual",
+					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
 				},
 				{
-					name: "swash()",
-					"description": "Enables display of swash glyphs."
+					name: "none",
+					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
 				}
 			],
-			"syntax": "normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]",
+			"syntax": "none | manual | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/hyphens"
 				}
 			],
-			"description": "For any given character, fonts can provide a variety of alternate glyphs in addition to the default glyph for that character. This property provides control over the selection of these alternate glyphs.",
+			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "font-variant-caps",
-			browsers: [
-				"FF34",
-				"C52",
-				"O39"
-			],
+			name: "quotes",
 			values: [
 				{
-					name: "all-petite-caps",
-					"description": "Enables display of petite capitals for both upper and lowercase letters."
-				},
-				{
-					name: "all-small-caps",
-					"description": "Enables display of small capitals for both upper and lowercase letters."
-				},
-				{
-					name: "normal",
-					"description": "None of the features are enabled."
-				},
+					name: "none",
+					"description": "The 'open-quote' and 'close-quote' values of the 'content' property produce no quotations marks, as if they were 'no-open-quote' and 'no-close-quote' respectively."
+				}
+			],
+			"syntax": "none | [ <string> <string> ]+",
+			"references": [
 				{
-					name: "petite-caps",
-					"description": "Enables display of petite capitals."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/quotes"
+				}
+			],
+			"description": "Specifies quotation marks for any number of embedded quotations.",
+			"restrictions": [
+				"string"
+			]
+		},
+		{
+			name: "background-origin",
+			"syntax": "<box>#",
+			"references": [
 				{
-					name: "small-caps",
-					"description": "Enables display of small capitals. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-origin"
+				}
+			],
+			"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
+			"restrictions": [
+				"box"
+			]
+		},
+		{
+			name: "background-attachment",
+			values: [
+				{
+					name: "fixed",
+					"description": "The background is fixed with regard to the viewport. In paged media where there is no viewport, a 'fixed' background is fixed with respect to the page box and therefore replicated on every page."
 				},
 				{
-					name: "titling-caps",
-					"description": "Enables display of titling capitals."
+					name: "local",
+					"description": "The background is fixed with regard to the element’s contents: if the element has a scrolling mechanism, the background scrolls with the element’s contents."
 				},
 				{
-					name: "unicase",
-					"description": "Enables display of mixture of small capitals for uppercase letters with normal lowercase letters."
+					name: "scroll",
+					"description": "The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element’s border.)"
 				}
 			],
-			"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps",
+			"syntax": "<attachment>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-caps"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-attachment"
 				}
 			],
-			"description": "Specifies control over capitalized forms.",
+			"description": "Specifies whether the background images are fixed with regard to the viewport ('fixed') or scroll along with the element ('scroll') or its contents ('local').",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "font-variant-east-asian",
-			browsers: [
-				"FF34",
-				"C63",
-				"O50"
-			],
+			name: "background-position-x",
 			values: [
 				{
-					name: "full-width",
-					"description": "Enables rendering of full-width variants."
-				},
-				{
-					name: "jis04",
-					"description": "Enables rendering of JIS04 forms."
-				},
-				{
-					name: "jis78",
-					"description": "Enables rendering of JIS78 forms."
-				},
-				{
-					name: "jis83",
-					"description": "Enables rendering of JIS83 forms."
+					name: "center",
+					"description": "Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is."
 				},
 				{
-					name: "jis90",
-					"description": "Enables rendering of JIS90 forms."
+					name: "left",
+					"description": "Equivalent to '0%' for the horizontal position if one or two values are given, otherwise specifies the left edge as the origin for the next offset."
 				},
 				{
-					name: "normal",
-					"description": "None of the features are enabled."
-				},
+					name: "right",
+					"description": "Equivalent to '100%' for the horizontal position if one or two values are given, otherwise specifies the right edge as the origin for the next offset."
+				}
+			],
+			"status": "experimental",
+			"syntax": "[ center | [ left | right | x-start | x-end ]? <length-percentage>? ]#",
+			"references": [
 				{
-					name: "proportional-width",
-					"description": "Enables rendering of proportionally-spaced variants."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-position-x"
+				}
+			],
+			"description": "If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "background-position-y",
+			values: [
 				{
-					name: "ruby",
-					"description": "Enables display of ruby variant glyphs."
+					name: "bottom",
+					"description": "Equivalent to '100%' for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset."
 				},
 				{
-					name: "simplified",
-					"description": "Enables rendering of simplified forms."
+					name: "center",
+					"description": "Equivalent to '50%' ('left 50%') for the horizontal position if the horizontal position is not otherwise specified, or '50%' ('top 50%') for the vertical position if it is."
 				},
 				{
-					name: "traditional",
-					"description": "Enables rendering of traditional forms."
+					name: "top",
+					"description": "Equivalent to '0%' for the vertical position if one or two values are given, otherwise specifies the top edge as the origin for the next offset."
 				}
 			],
-			"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
+			"status": "experimental",
+			"syntax": "[ center | [ top | bottom | y-start | y-end ]? <length-percentage>? ]#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-position-y"
 				}
 			],
-			"description": "Allows control of glyph substitute and positioning in East Asian text.",
+			"description": "If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "font-variant-ligatures",
-			browsers: [
-				"FF34",
-				"S9.1",
-				"C34",
-				"O21"
-			],
+			name: "font-feature-settings",
 			values: [
 				{
-					name: "additional-ligatures",
-					"description": "Enables display of additional ligatures."
+					name: "\"aalt\"",
+					"description": "Access All Alternates."
 				},
 				{
-					name: "common-ligatures",
-					"description": "Enables display of common ligatures."
+					name: "\"abvf\"",
+					"description": "Above-base Forms. Required in Khmer script."
 				},
 				{
-					name: "contextual",
-					browsers: [
-						"FF34",
-						"S9.1",
-						"C34",
-						"O21"
-					],
-					"description": "Enables display of contextual alternates."
+					name: "\"abvm\"",
+					"description": "Above-base Mark Positioning. Required in Indic scripts."
 				},
 				{
-					name: "discretionary-ligatures",
-					"description": "Enables display of discretionary ligatures."
+					name: "\"abvs\"",
+					"description": "Above-base Substitutions. Required in Indic scripts."
 				},
 				{
-					name: "historical-ligatures",
-					"description": "Enables display of historical ligatures."
+					name: "\"afrc\"",
+					"description": "Alternative Fractions."
 				},
 				{
-					name: "no-additional-ligatures",
-					"description": "Disables display of additional ligatures."
+					name: "\"akhn\"",
+					"description": "Akhand. Required in most Indic scripts."
 				},
 				{
-					name: "no-common-ligatures",
-					"description": "Disables display of common ligatures."
+					name: "\"blwf\"",
+					"description": "Below-base Form. Required in a number of Indic scripts."
 				},
 				{
-					name: "no-contextual",
-					browsers: [
-						"FF34",
-						"S9.1",
-						"C34",
-						"O21"
-					],
-					"description": "Disables display of contextual alternates."
+					name: "\"blwm\"",
+					"description": "Below-base Mark Positioning. Required in Indic scripts."
 				},
 				{
-					name: "no-discretionary-ligatures",
-					"description": "Disables display of discretionary ligatures."
+					name: "\"blws\"",
+					"description": "Below-base Substitutions. Required in Indic scripts."
 				},
 				{
-					name: "no-historical-ligatures",
-					"description": "Disables display of historical ligatures."
+					name: "\"calt\"",
+					"description": "Contextual Alternates."
 				},
 				{
-					name: "none",
-					browsers: [
-						"FF34",
-						"S9.1",
-						"C34",
-						"O21"
-					],
-					"description": "Disables all ligatures."
+					name: "\"case\"",
+					"description": "Case-Sensitive Forms. Applies only to European scripts; particularly prominent in Spanish-language setting."
 				},
 				{
-					name: "normal",
-					"description": "Implies that the defaults set by the font are used."
-				}
-			],
-			"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]",
-			"references": [
+					name: "\"ccmp\"",
+					"description": "Glyph Composition/Decomposition."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-ligatures"
-				}
-			],
-			"description": "Specifies control over which ligatures are enabled or disabled. A value of ‘normal’ implies that the defaults set by the font are used.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "font-variant-numeric",
-			browsers: [
-				"FF34",
-				"S9.1",
-				"C52",
-				"O39"
-			],
-			values: [
+					name: "\"cfar\"",
+					"description": "Conjunct Form After Ro. Required in Khmer scripts."
+				},
 				{
-					name: "diagonal-fractions",
-					"description": "Enables display of lining diagonal fractions."
+					name: "\"cjct\"",
+					"description": "Conjunct Forms. Required in Indic scripts that show similarity to Devanagari."
 				},
 				{
-					name: "lining-nums",
-					"description": "Enables display of lining numerals."
+					name: "\"clig\"",
+					"description": "Contextual Ligatures."
 				},
 				{
-					name: "normal",
-					"description": "None of the features are enabled."
+					name: "\"cpct\"",
+					"description": "Centered CJK Punctuation. Used primarily in Chinese fonts."
 				},
 				{
-					name: "oldstyle-nums",
-					"description": "Enables display of old-style numerals."
+					name: "\"cpsp\"",
+					"description": "Capital Spacing. Should not be used in connecting scripts (e.g. most Arabic)."
 				},
 				{
-					name: "ordinal",
-					"description": "Enables display of letter forms used with ordinal numbers."
+					name: "\"cswh\"",
+					"description": "Contextual Swash."
 				},
 				{
-					name: "proportional-nums",
-					"description": "Enables display of proportional numerals."
+					name: "\"curs\"",
+					"description": "Cursive Positioning. Can be used in any cursive script."
 				},
 				{
-					name: "slashed-zero",
-					"description": "Enables display of slashed zeros."
+					name: "\"c2pc\"",
+					"description": "Petite Capitals From Capitals. Applies only to bicameral scripts."
 				},
 				{
-					name: "stacked-fractions",
-					"description": "Enables display of lining stacked fractions."
+					name: "\"c2sc\"",
+					"description": "Small Capitals From Capitals. Applies only to bicameral scripts."
 				},
 				{
-					name: "tabular-nums",
-					"description": "Enables display of tabular numerals."
-				}
-			],
-			"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric"
-				}
-			],
-			"description": "Specifies control over numerical forms.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "font-variant-position",
-			browsers: [
-				"FF34"
-			],
-			values: [
-				{
-					name: "normal",
-					"description": "None of the features are enabled."
+					name: "\"dist\"",
+					"description": "Distances. Required in Indic scripts."
 				},
 				{
-					name: "sub",
-					"description": "Enables display of subscript variants (OpenType feature: subs)."
+					name: "\"dlig\"",
+					"description": "Discretionary ligatures."
 				},
 				{
-					name: "super",
-					"description": "Enables display of superscript variants (OpenType feature: sups)."
-				}
-			],
-			"syntax": "normal | sub | super",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-position"
-				}
-			],
-			"description": "Specifies the vertical position",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "font-weight",
-			values: [
-				{
-					name: "100",
-					"description": "Thin"
+					name: "\"dnom\"",
+					"description": "Denominators."
 				},
 				{
-					name: "200",
-					"description": "Extra Light (Ultra Light)"
+					name: "\"dtls\"",
+					"description": "Dotless Forms. Applied to math formula layout."
 				},
 				{
-					name: "300",
-					"description": "Light"
+					name: "\"expt\"",
+					"description": "Expert Forms. Applies only to Japanese."
 				},
 				{
-					name: "400",
-					"description": "Normal"
+					name: "\"falt\"",
+					"description": "Final Glyph on Line Alternates. Can be used in any cursive script."
 				},
 				{
-					name: "500",
-					"description": "Medium"
+					name: "\"fin2\"",
+					"description": "Terminal Form #2. Used only with the Syriac script."
 				},
 				{
-					name: "600",
-					"description": "Semi Bold (Demi Bold)"
+					name: "\"fin3\"",
+					"description": "Terminal Form #3. Used only with the Syriac script."
 				},
 				{
-					name: "700",
-					"description": "Bold"
+					name: "\"fina\"",
+					"description": "Terminal Forms. Can be used in any alphabetic script."
 				},
 				{
-					name: "800",
-					"description": "Extra Bold (Ultra Bold)"
+					name: "\"flac\"",
+					"description": "Flattened ascent forms. Applied to math formula layout."
 				},
 				{
-					name: "900",
-					"description": "Black (Heavy)"
+					name: "\"frac\"",
+					"description": "Fractions."
 				},
 				{
-					name: "bold",
-					"description": "Same as 700"
+					name: "\"fwid\"",
+					"description": "Full Widths. Applies to any script which can use monospaced forms."
 				},
 				{
-					name: "bolder",
-					"description": "Specifies the weight of the face bolder than the inherited value."
+					name: "\"half\"",
+					"description": "Half Forms. Required in Indic scripts that show similarity to Devanagari."
 				},
 				{
-					name: "lighter",
-					"description": "Specifies the weight of the face lighter than the inherited value."
+					name: "\"haln\"",
+					"description": "Halant Forms. Required in Indic scripts."
 				},
 				{
-					name: "normal",
-					"description": "Same as 400"
-				}
-			],
-			"syntax": "<font-weight-absolute>{1,2}",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-weight"
-				}
-			],
-			"description": "Specifies weight of glyphs in the font, their degree of blackness or stroke thickness.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "glyph-orientation-horizontal",
-			"description": "Controls glyph orientation when the inline-progression-direction is horizontal.",
-			"restrictions": [
-				"angle",
-				"number"
-			]
-		},
-		{
-			name: "glyph-orientation-vertical",
-			values: [
+					name: "\"halt\"",
+					"description": "Alternate Half Widths. Used only in CJKV fonts."
+				},
 				{
-					name: "auto",
-					"description": "Sets the orientation based on the fullwidth or non-fullwidth characters and the most common orientation."
-				}
-			],
-			"description": "Controls glyph orientation when the inline-progression-direction is vertical.",
-			"restrictions": [
-				"angle",
-				"number",
-				"enum"
-			]
-		},
-		{
-			name: "grid-area",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"hist\"",
+					"description": "Historical Forms."
+				},
 				{
-					name: "auto",
-					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+					name: "\"hkna\"",
+					"description": "Horizontal Kana Alternates. Applies only to fonts that support kana (hiragana and katakana)."
 				},
 				{
-					name: "span",
-					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
-				}
-			],
-			"syntax": "<grid-line> [ / <grid-line> ]{0,3}",
-			"references": [
+					name: "\"hlig\"",
+					"description": "Historical Ligatures."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-area"
-				}
-			],
-			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. Shorthand for 'grid-row-start', 'grid-column-start', 'grid-row-end', and 'grid-column-end'.",
-			"restrictions": [
-				"identifier",
-				"integer"
-			]
-		},
-		{
-			name: "grid",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			"syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>",
-			"references": [
+					name: "\"hngl\"",
+					"description": "Hangul. Korean only."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid"
-				}
-			],
-			"description": "The grid CSS property is a shorthand property that sets all of the explicit grid properties ('grid-template-rows', 'grid-template-columns', and 'grid-template-areas'), and all the implicit grid properties ('grid-auto-rows', 'grid-auto-columns', and 'grid-auto-flow'), in a single declaration.",
-			"restrictions": [
-				"identifier",
-				"length",
-				"percentage",
-				"string",
-				"enum"
-			]
-		},
-		{
-			name: "grid-auto-columns",
-			values: [
+					name: "\"hojo\"",
+					"description": "Hojo Kanji Forms (JIS X 0212-1990 Kanji Forms). Used only with Kanji script."
+				},
 				{
-					name: "min-content",
-					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
+					name: "\"hwid\"",
+					"description": "Half Widths. Generally used only in CJKV fonts."
 				},
 				{
-					name: "max-content",
-					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
+					name: "\"init\"",
+					"description": "Initial Forms. Can be used in any alphabetic script."
 				},
 				{
-					name: "auto",
-					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
+					name: "\"isol\"",
+					"description": "Isolated Forms. Can be used in any cursive script."
 				},
 				{
-					name: "minmax()",
-					"description": "Defines a size range greater than or equal to min and less than or equal to max."
-				}
-			],
-			"syntax": "<track-size>+",
-			"references": [
+					name: "\"ital\"",
+					"description": "Italics. Applies mostly to Latin; note that many non-Latin fonts contain Latin as well."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns"
-				}
-			],
-			"description": "Specifies the size of implicitly created columns.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "grid-auto-flow",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"jalt\"",
+					"description": "Justification Alternates. Can be used in any cursive script."
+				},
 				{
-					name: "row",
-					"description": "The auto-placement algorithm places items by filling each row in turn, adding new rows as necessary."
+					name: "\"jp78\"",
+					"description": "JIS78 Forms. Applies only to Japanese."
 				},
 				{
-					name: "column",
-					"description": "The auto-placement algorithm places items by filling each column in turn, adding new columns as necessary."
+					name: "\"jp83\"",
+					"description": "JIS83 Forms. Applies only to Japanese."
 				},
 				{
-					name: "dense",
-					"description": "If specified, the auto-placement algorithm uses a “dense” packing algorithm, which attempts to fill in holes earlier in the grid if smaller items come up later."
-				}
-			],
-			"syntax": "[ row | column ] || dense",
-			"references": [
+					name: "\"jp90\"",
+					"description": "JIS90 Forms. Applies only to Japanese."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow"
-				}
-			],
-			"description": "Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "grid-auto-rows",
-			values: [
+					name: "\"jp04\"",
+					"description": "JIS2004 Forms. Applies only to Japanese."
+				},
 				{
-					name: "min-content",
-					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
+					name: "\"kern\"",
+					"description": "Kerning."
 				},
 				{
-					name: "max-content",
-					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
+					name: "\"lfbd\"",
+					"description": "Left Bounds."
 				},
 				{
-					name: "auto",
-					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
+					name: "\"liga\"",
+					"description": "Standard Ligatures."
 				},
 				{
-					name: "minmax()",
-					"description": "Defines a size range greater than or equal to min and less than or equal to max."
-				}
-			],
-			"syntax": "<track-size>+",
-			"references": [
+					name: "\"ljmo\"",
+					"description": "Leading Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows"
-				}
-			],
-			"description": "Specifies the size of implicitly created rows.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "grid-column",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"lnum\"",
+					"description": "Lining Figures."
+				},
 				{
-					name: "auto",
-					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+					name: "\"locl\"",
+					"description": "Localized Forms."
 				},
 				{
-					name: "span",
-					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
-				}
-			],
-			"syntax": "<grid-line> [ / <grid-line> ]?",
-			"references": [
+					name: "\"ltra\"",
+					"description": "Left-to-right glyph alternates."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column"
-				}
-			],
-			"description": "Shorthand for 'grid-column-start' and 'grid-column-end'.",
-			"restrictions": [
-				"identifier",
-				"integer",
-				"enum"
-			]
-		},
-		{
-			name: "grid-column-end",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"ltrm\"",
+					"description": "Left-to-right mirrored forms."
+				},
 				{
-					name: "auto",
-					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+					name: "\"mark\"",
+					"description": "Mark Positioning."
 				},
 				{
-					name: "span",
-					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
-				}
-			],
-			"syntax": "<grid-line>",
-			"references": [
+					name: "\"med2\"",
+					"description": "Medial Form #2. Used only with the Syriac script."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-end"
-				}
-			],
-			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
-			"restrictions": [
-				"identifier",
-				"integer",
-				"enum"
-			]
-		},
-		{
-			name: "grid-column-gap",
-			browsers: [
-				"FF52",
-				"C57",
-				"S10.1",
-				"O44"
-			],
-			"status": "obsolete",
-			"syntax": "<length-percentage>",
-			"description": "Specifies the gutters between grid columns. Replaced by 'column-gap' property.",
-			"restrictions": [
-				"length"
-			]
-		},
-		{
-			name: "grid-column-start",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"medi\"",
+					"description": "Medial Forms."
+				},
 				{
-					name: "auto",
-					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+					name: "\"mgrk\"",
+					"description": "Mathematical Greek."
 				},
 				{
-					name: "span",
-					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
-				}
-			],
-			"syntax": "<grid-line>",
-			"references": [
+					name: "\"mkmk\"",
+					"description": "Mark to Mark Positioning."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-start"
-				}
-			],
-			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
-			"restrictions": [
-				"identifier",
-				"integer",
-				"enum"
-			]
-		},
-		{
-			name: "grid-gap",
-			browsers: [
-				"FF52",
-				"C57",
-				"S10.1",
-				"O44"
-			],
-			"status": "obsolete",
-			"syntax": "<'grid-row-gap'> <'grid-column-gap'>?",
-			"description": "Shorthand that specifies the gutters between grid columns and grid rows in one declaration. Replaced by 'gap' property.",
-			"restrictions": [
-				"length"
-			]
-		},
-		{
-			name: "grid-row",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"nalt\"",
+					"description": "Alternate Annotation Forms."
+				},
 				{
-					name: "auto",
-					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+					name: "\"nlck\"",
+					"description": "NLC Kanji Forms. Used only with Kanji script."
 				},
 				{
-					name: "span",
-					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
-				}
-			],
-			"syntax": "<grid-line> [ / <grid-line> ]?",
-			"references": [
+					name: "\"nukt\"",
+					"description": "Nukta Forms. Required in Indic scripts.."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row"
-				}
-			],
-			"description": "Shorthand for 'grid-row-start' and 'grid-row-end'.",
-			"restrictions": [
-				"identifier",
-				"integer",
-				"enum"
-			]
-		},
-		{
-			name: "grid-row-end",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"numr\"",
+					"description": "Numerators."
+				},
 				{
-					name: "auto",
-					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+					name: "\"onum\"",
+					"description": "Oldstyle Figures."
 				},
 				{
-					name: "span",
-					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
-				}
-			],
-			"syntax": "<grid-line>",
-			"references": [
+					name: "\"opbd\"",
+					"description": "Optical Bounds."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-end"
-				}
-			],
-			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
-			"restrictions": [
-				"identifier",
-				"integer",
-				"enum"
-			]
-		},
-		{
-			name: "grid-row-gap",
-			browsers: [
-				"FF52",
-				"C57",
-				"S10.1",
-				"O44"
-			],
-			"status": "obsolete",
-			"syntax": "<length-percentage>",
-			"description": "Specifies the gutters between grid rows. Replaced by 'row-gap' property.",
-			"restrictions": [
-				"length"
-			]
-		},
-		{
-			name: "grid-row-start",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"ordn\"",
+					"description": "Ordinals. Applies mostly to Latin script."
+				},
 				{
-					name: "auto",
-					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+					name: "\"ornm\"",
+					"description": "Ornaments."
 				},
 				{
-					name: "span",
-					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
-				}
-			],
-			"syntax": "<grid-line>",
-			"references": [
+					name: "\"palt\"",
+					"description": "Proportional Alternate Widths. Used mostly in CJKV fonts."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-start"
-				}
-			],
-			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
-			"restrictions": [
-				"identifier",
-				"integer",
-				"enum"
-			]
-		},
-		{
-			name: "grid-template",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"pcap\"",
+					"description": "Petite Capitals."
+				},
 				{
-					name: "none",
-					"description": "Sets all three properties to their initial values."
+					name: "\"pkna\"",
+					"description": "Proportional Kana. Generally used only in Japanese fonts."
 				},
 				{
-					name: "min-content",
-					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
+					name: "\"pnum\"",
+					"description": "Proportional Figures."
 				},
 				{
-					name: "max-content",
-					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
+					name: "\"pref\"",
+					"description": "Pre-base Forms. Required in Khmer and Myanmar (Burmese) scripts and southern Indic scripts that may display a pre-base form of Ra."
 				},
 				{
-					name: "auto",
-					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
+					name: "\"pres\"",
+					"description": "Pre-base Substitutions. Required in Indic scripts."
 				},
 				{
-					name: "subgrid",
-					"description": "Sets 'grid-template-rows' and 'grid-template-columns' to 'subgrid', and 'grid-template-areas' to its initial value."
+					name: "\"pstf\"",
+					"description": "Post-base Forms. Required in scripts of south and southeast Asia that have post-base forms for consonants eg: Gurmukhi, Malayalam, Khmer."
 				},
 				{
-					name: "minmax()",
-					"description": "Defines a size range greater than or equal to min and less than or equal to max."
+					name: "\"psts\"",
+					"description": "Post-base Substitutions."
 				},
 				{
-					name: "repeat()",
-					"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
-				}
-			],
-			"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
-			"references": [
+					name: "\"pwid\"",
+					"description": "Proportional Widths."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template"
-				}
-			],
-			"description": "Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration.",
-			"restrictions": [
-				"identifier",
-				"length",
-				"percentage",
-				"string",
-				"enum"
-			]
-		},
-		{
-			name: "grid-template-areas",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"qwid\"",
+					"description": "Quarter Widths. Generally used only in CJKV fonts."
+				},
 				{
-					name: "none",
-					"description": "The grid container doesn’t define any named grid areas."
-				}
-			],
-			"syntax": "none | <string>+",
-			"references": [
+					name: "\"rand\"",
+					"description": "Randomize."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-areas"
-				}
-			],
-			"description": "Specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties.",
-			"restrictions": [
-				"string"
-			]
-		},
-		{
-			name: "grid-template-columns",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"rclt\"",
+					"description": "Required Contextual Alternates. May apply to any script, but is especially important for many styles of Arabic."
+				},
 				{
-					name: "none",
-					"description": "There is no explicit grid; any rows/columns will be implicitly generated."
+					name: "\"rlig\"",
+					"description": "Required Ligatures. Applies to Arabic and Syriac. May apply to some other scripts."
 				},
 				{
-					name: "min-content",
-					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
+					name: "\"rkrf\"",
+					"description": "Rakar Forms. Required in Devanagari and Gujarati scripts."
 				},
 				{
-					name: "max-content",
-					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
+					name: "\"rphf\"",
+					"description": "Reph Form. Required in Indic scripts. E.g. Devanagari, Kannada."
 				},
 				{
-					name: "auto",
-					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
+					name: "\"rtbd\"",
+					"description": "Right Bounds."
 				},
 				{
-					name: "subgrid",
-					"description": "Indicates that the grid will align to its parent grid in that axis."
+					name: "\"rtla\"",
+					"description": "Right-to-left alternates."
 				},
 				{
-					name: "minmax()",
-					"description": "Defines a size range greater than or equal to min and less than or equal to max."
+					name: "\"rtlm\"",
+					"description": "Right-to-left mirrored forms."
 				},
 				{
-					name: "repeat()",
-					"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
-				}
-			],
-			"syntax": "none | <track-list> | <auto-track-list>",
-			"references": [
+					name: "\"ruby\"",
+					"description": "Ruby Notation Forms. Applies only to Japanese."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-columns"
-				}
-			],
-			"description": "specifies, as a space-separated track list, the line names and track sizing functions of the grid.",
-			"restrictions": [
-				"identifier",
-				"length",
-				"percentage",
-				"enum"
-			]
-		},
-		{
-			name: "grid-template-rows",
-			browsers: [
-				"E16",
-				"FF52",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "\"salt\"",
+					"description": "Stylistic Alternates."
+				},
 				{
-					name: "none",
-					"description": "There is no explicit grid; any rows/columns will be implicitly generated."
+					name: "\"sinf\"",
+					"description": "Scientific Inferiors."
 				},
 				{
-					name: "min-content",
-					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
+					name: "\"size\"",
+					"description": "Optical size."
 				},
 				{
-					name: "max-content",
-					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
+					name: "\"smcp\"",
+					"description": "Small Capitals. Applies only to bicameral scripts."
 				},
 				{
-					name: "auto",
-					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
+					name: "\"smpl\"",
+					"description": "Simplified Forms. Applies only to Chinese and Japanese."
 				},
 				{
-					name: "subgrid",
-					"description": "Indicates that the grid will align to its parent grid in that axis."
+					name: "\"ssty\"",
+					"description": "Math script style alternates."
 				},
 				{
-					name: "minmax()",
-					"description": "Defines a size range greater than or equal to min and less than or equal to max."
+					name: "\"stch\"",
+					"description": "Stretching Glyph Decomposition."
 				},
 				{
-					name: "repeat()",
-					"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
-				}
-			],
-			"syntax": "none | <track-list> | <auto-track-list>",
-			"references": [
+					name: "\"subs\"",
+					"description": "Subscript."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-rows"
-				}
-			],
-			"description": "specifies, as a space-separated track list, the line names and track sizing functions of the grid.",
-			"restrictions": [
-				"identifier",
-				"length",
-				"percentage",
-				"string",
-				"enum"
-			]
-		},
-		{
-			name: "height",
-			values: [
+					name: "\"sups\"",
+					"description": "Superscript."
+				},
 				{
-					name: "auto",
-					"description": "The height depends on the values of other properties."
+					name: "\"swsh\"",
+					"description": "Swash. Does not apply to ideographic scripts."
 				},
 				{
-					name: "fit-content",
-					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+					name: "\"titl\"",
+					"description": "Titling."
 				},
 				{
-					name: "max-content",
-					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+					name: "\"tjmo\"",
+					"description": "Trailing Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
 				},
 				{
-					name: "min-content",
-					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
-				}
-			],
-			"syntax": "<viewport-length>{1,2}",
-			"references": [
+					name: "\"tnam\"",
+					"description": "Traditional Name Forms. Applies only to Japanese."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/height"
-				}
-			],
-			"description": "Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "hyphens",
-			values: [
+					name: "\"tnum\"",
+					"description": "Tabular Figures."
+				},
 				{
-					name: "auto",
-					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
+					name: "\"trad\"",
+					"description": "Traditional Forms. Applies only to Chinese and Japanese."
 				},
 				{
-					name: "manual",
-					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
+					name: "\"twid\"",
+					"description": "Third Widths. Generally used only in CJKV fonts."
 				},
 				{
-					name: "none",
-					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
+					name: "\"unic\"",
+					"description": "Unicase."
+				},
+				{
+					name: "\"valt\"",
+					"description": "Alternate Vertical Metrics. Applies only to scripts with vertical writing modes."
+				},
+				{
+					name: "\"vatu\"",
+					"description": "Vattu Variants. Used for Indic scripts. E.g. Devanagari."
+				},
+				{
+					name: "\"vert\"",
+					"description": "Vertical Alternates. Applies only to scripts with vertical writing modes."
+				},
+				{
+					name: "\"vhal\"",
+					"description": "Alternate Vertical Half Metrics. Used only in CJKV fonts."
+				},
+				{
+					name: "\"vjmo\"",
+					"description": "Vowel Jamo Forms. Required for Hangul script when Ancient Hangul writing system is supported."
+				},
+				{
+					name: "\"vkna\"",
+					"description": "Vertical Kana Alternates. Applies only to fonts that support kana (hiragana and katakana)."
+				},
+				{
+					name: "\"vkrn\"",
+					"description": "Vertical Kerning."
+				},
+				{
+					name: "\"vpal\"",
+					"description": "Proportional Alternate Vertical Metrics. Used mostly in CJKV fonts."
+				},
+				{
+					name: "\"vrt2\"",
+					"description": "Vertical Alternates and Rotation. Applies only to scripts with vertical writing modes."
+				},
+				{
+					name: "\"zero\"",
+					"description": "Slashed Zero."
+				},
+				{
+					name: "normal",
+					"description": "No change in glyph substitution or positioning occurs."
+				},
+				{
+					name: "off",
+					"description": "Disable feature."
+				},
+				{
+					name: "on",
+					"description": "Enable feature."
 				}
 			],
-			"syntax": "none | manual | auto",
+			"syntax": "normal | <feature-tag-value>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/hyphens"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-feature-settings"
 				}
 			],
-			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
+			"description": "Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
 			"restrictions": [
-				"enum"
+				"string",
+				"integer"
 			]
 		},
 		{
-			name: "image-orientation",
-			browsers: [
-				"FF26"
-			],
-			values: [
-				{
-					name: "flip",
-					"description": "After rotating by the precededing angle, the image is flipped horizontally. Defaults to 0deg if the angle is ommitted."
-				},
-				{
-					name: "from-image",
-					"description": "If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image."
-				}
-			],
-			"syntax": "from-image | <angle> | [ <angle>? flip ]",
+			name: "border-left-style",
+			"syntax": "<line-style>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/image-orientation"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-left-style"
 				}
 			],
-			"description": "Specifies an orthogonal rotation to be applied to an image before it is laid out.",
+			"description": "Sets the style of the left border.",
 			"restrictions": [
-				"angle"
+				"line-style"
 			]
 		},
 		{
-			name: "image-rendering",
-			browsers: [
-				"FF3.6",
-				"S6",
-				"C13",
-				"O15"
-			],
+			name: "font-stretch",
 			values: [
 				{
-					name: "auto",
-					"description": "The image should be scaled with an algorithm that maximizes the appearance of the image."
+					name: "condensed"
 				},
 				{
-					name: "crisp-edges",
-					"description": "The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process."
+					name: "expanded"
 				},
 				{
-					name: "-moz-crisp-edges",
-					browsers: [
-						"FF3.6",
-						"S6",
-						"C13",
-						"O15"
-					]
+					name: "extra-condensed"
 				},
 				{
-					name: "optimizeQuality",
-					"description": "Deprecated."
+					name: "extra-expanded"
 				},
 				{
-					name: "optimizeSpeed",
-					"description": "Deprecated."
+					name: "narrower",
+					"description": "Indicates a narrower value relative to the width of the parent element."
 				},
 				{
-					name: "pixelated",
-					"description": "When scaling the image up, the 'nearest neighbor' or similar algorithm must be used, so that the image appears to be simply composed of very large pixels."
-				}
-			],
-			"syntax": "auto | crisp-edges | pixelated",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/image-rendering"
-				}
-			],
-			"description": "Provides a hint to the user-agent about what aspects of an image are most important to preserve when the image is scaled, to aid the user-agent in the choice of an appropriate scaling algorithm.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "ime-mode",
-			browsers: [
-				"E12",
-				"FF3",
-				"IE5"
-			],
-			values: [
+					name: "normal"
+				},
 				{
-					name: "active",
-					"description": "The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it."
+					name: "semi-condensed"
 				},
 				{
-					name: "auto",
-					"description": "No change is made to the current input method editor state. This is the default."
+					name: "semi-expanded"
 				},
 				{
-					name: "disabled",
-					"description": "The input method editor is disabled and may not be activated by the user."
+					name: "ultra-condensed"
 				},
 				{
-					name: "inactive",
-					"description": "The input method editor is initially inactive, but the user may activate it if they wish."
+					name: "ultra-expanded"
 				},
 				{
-					name: "normal",
-					"description": "The IME state should be normal; this value can be used in a user style sheet to override the page setting."
+					name: "wider",
+					"description": "Indicates a wider value relative to the width of the parent element."
 				}
 			],
-			"status": "obsolete",
-			"syntax": "auto | normal | active | inactive | disabled",
+			"syntax": "<font-stretch-absolute>{1,2}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/ime-mode"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-stretch"
 				}
 			],
-			"description": "Controls the state of the input method editor for text fields.",
+			"description": "Selects a normal, condensed, or expanded face from a font family.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "inline-size",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C57",
-				"O44"
-			],
+			name: "outline-color",
 			values: [
 				{
-					name: "auto",
-					"description": "Depends on the values of other properties."
+					name: "invert",
+					"description": "Performs a color inversion on the pixels on the screen."
 				}
 			],
-			"syntax": "<'width'>",
+			"syntax": "<color> | invert",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inline-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-color"
 				}
 			],
-			"description": "Logical 'height'. Mapping depends on the element’s 'writing-mode'.",
+			"description": "The color of the outline.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum",
+				"color"
 			]
 		},
 		{
-			name: "isolation",
-			browsers: [
-				"FF36",
-				"S8",
-				"C41",
-				"O30"
-			],
-			values: [
-				{
-					name: "auto",
-					"description": "Elements are not isolated unless an operation is applied that causes the creation of a stacking context."
-				},
-				{
-					name: "isolate",
-					"description": "In CSS will turn the element into a stacking context."
-				}
-			],
-			"syntax": "auto | isolate",
+			name: "border-right-style",
+			"syntax": "<line-style>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/isolation"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-right-style"
 				}
 			],
-			"description": "In CSS setting to 'isolate' will turn the element into a stacking context. In SVG, it defines whether an element is isolated or not.",
+			"description": "Sets the style of the right border.",
 			"restrictions": [
-				"enum"
+				"line-style"
 			]
 		},
 		{
-			name: "justify-content",
+			name: "clip-path",
 			values: [
 				{
-					name: "center",
-					"description": "Flex items are packed toward the center of the line."
-				},
-				{
-					name: "start",
-					"description": "The items are packed flush to each other toward the start edge of the alignment container in the main axis."
-				},
-				{
-					name: "end",
-					"description": "The items are packed flush to each other toward the end edge of the alignment container in the main axis."
-				},
-				{
-					name: "left",
-					"description": "The items are packed flush to each other toward the left edge of the alignment container in the main axis."
-				},
-				{
-					name: "right",
-					"description": "The items are packed flush to each other toward the right edge of the alignment container in the main axis."
-				},
-				{
-					name: "safe",
-					"description": "If the size of the item overflows the alignment container, the item is instead aligned as if the alignment mode were start."
-				},
-				{
-					name: "unsafe",
-					"description": "Regardless of the relative sizes of the item and alignment container, the given alignment value is honored."
-				},
-				{
-					name: "stretch",
-					"description": "If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container."
-				},
-				{
-					name: "space-evenly",
-					"description": "The items are evenly distributed within the alignment container along the main axis."
-				},
-				{
-					name: "flex-end",
-					"description": "Flex items are packed toward the end of the line."
-				},
-				{
-					name: "flex-start",
-					"description": "Flex items are packed toward the start of the line."
-				},
-				{
-					name: "space-around",
-					"description": "Flex items are evenly distributed in the line, with half-size spaces on either end."
-				},
-				{
-					name: "space-between",
-					"description": "Flex items are evenly distributed in the line."
-				},
-				{
-					name: "baseline",
-					"description": "Specifies participation in first-baseline alignment."
+					name: "none",
+					"description": "No clipping path gets created."
 				},
 				{
-					name: "first baseline",
-					"description": "Specifies participation in first-baseline alignment."
-				},
+					name: "url()",
+					"description": "References a <clipPath> element to create a clipping path."
+				}
+			],
+			"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none",
+			"references": [
 				{
-					name: "last baseline",
-					"description": "Specifies participation in last-baseline alignment."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/clip-path"
 				}
 			],
-			"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
-			"description": "Aligns flex items along the main axis of the current line of the flex container.",
+			"description": "Specifies a clipping path where everything inside the path is visible and everything outside is clipped out.",
 			"restrictions": [
+				"url",
+				"shape",
+				"geometry-box",
 				"enum"
 			]
 		},
 		{
-			name: "kerning",
+			name: "list-style-image",
 			values: [
 				{
-					name: "auto",
-					"description": "Indicates that the user agent should adjust inter-glyph spacing based on kerning tables that are included in the font that will be used."
+					name: "none",
+					"description": "The default contents of the of the list item’s marker are given by 'list-style-type' instead."
 				}
 			],
-			"description": "Indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font or instead disable auto-kerning and set inter-character spacing to a specific length.",
+			"syntax": "<url> | none",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-image"
+				}
+			],
+			"description": "Sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker.",
 			"restrictions": [
-				"length",
-				"enum"
+				"image"
 			]
 		},
 		{
-			name: "left",
+			name: "counter-increment",
 			values: [
 				{
-					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
+					name: "none",
+					"description": "This element does not alter the value of any counters."
 				}
 			],
-			"syntax": "<length> | <percentage> | auto",
+			"syntax": "[ <custom-ident> <integer>? ]+ | none",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/left"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/counter-increment"
 				}
 			],
-			"description": "Specifies how far an absolutely positioned box's left margin edge is offset to the right of the left edge of the box's 'containing block'.",
+			"description": "Manipulate the value of existing counters.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"identifier",
+				"integer"
 			]
 		},
 		{
-			name: "letter-spacing",
+			name: "counter-reset",
 			values: [
 				{
-					name: "normal",
-					"description": "The spacing is the normal spacing for the current font. It is typically zero-length."
+					name: "none",
+					"description": "The counter is not modified."
 				}
 			],
-			"syntax": "normal | <length>",
+			"syntax": "[ <custom-ident> <integer>? ]+ | none",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/letter-spacing"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/counter-reset"
 				}
 			],
-			"description": "Specifies the minimum, maximum, and optimal spacing between grapheme clusters.",
+			"description": "Property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element.",
 			"restrictions": [
-				"length"
+				"identifier",
+				"integer"
 			]
 		},
 		{
-			name: "lighting-color",
-			browsers: [
-				"E",
-				"C5",
-				"FF3",
-				"IE10",
-				"O9",
-				"S6"
-			],
-			"description": "Defines the color of the light source for filter primitives 'feDiffuseLighting' and 'feSpecularLighting'.",
-			"restrictions": [
-				"color"
-			]
+			name: "font-display",
+			"status": "experimental",
+			"syntax": "[ auto | block | swap | fallback | optional ]",
+			"description": "The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use."
 		},
 		{
-			name: "line-break",
+			name: "border-image",
 			values: [
 				{
 					name: "auto",
-					"description": "The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines."
+					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
 				},
 				{
-					name: "loose",
-					"description": "Breaks text using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers."
+					name: "fill",
+					"description": "Causes the middle part of the border-image to be preserved."
 				},
 				{
-					name: "normal",
-					"description": "Breaks text using the most common set of line-breaking rules."
+					name: "none",
+					"description": "Use the border styles."
 				},
 				{
-					name: "strict",
-					"description": "Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'."
+					name: "repeat",
+					"description": "The image is tiled (repeated) to fill the area."
+				},
+				{
+					name: "round",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
+				},
+				{
+					name: "space",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
+				},
+				{
+					name: "stretch",
+					"description": "The image is stretched to fill the area."
+				},
+				{
+					name: "url()"
 				}
 			],
-			"syntax": "auto | loose | normal | strict",
+			"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/line-break"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image"
 				}
 			],
-			"description": "Specifies what set of line breaking restrictions are in effect within the element.",
+			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
 			"restrictions": [
+				"length",
+				"percentage",
+				"number",
+				"url",
 				"enum"
 			]
 		},
 		{
-			name: "line-height",
+			name: "column-count",
 			values: [
 				{
-					name: "normal",
-					"description": "Tells user agents to set the computed value to a 'reasonable' value based on the font size of the element."
+					name: "auto",
+					"description": "Determines the number of columns by the 'column-width' property and the element width."
 				}
 			],
-			"syntax": "normal | <number> | <length> | <percentage>",
+			"syntax": "<integer> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/line-height"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-count"
 				}
 			],
-			"description": "Determines the block-progression dimension of the text content area of an inline box.",
+			"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
 			"restrictions": [
-				"number",
-				"length",
-				"percentage"
+				"integer",
+				"enum"
 			]
 		},
 		{
-			name: "list-style",
+			name: "column-gap",
 			values: [
 				{
-					name: "armenian"
-				},
-				{
-					name: "circle",
-					"description": "A hollow circle."
-				},
+					name: "normal",
+					"description": "User agent specific and typically equivalent to 1em."
+				}
+			],
+			"syntax": "normal | <length-percentage>",
+			"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
+			"restrictions": [
+				"length",
+				"enum"
+			]
+		},
+		{
+			name: "text-decoration-color",
+			browsers: [
+				"FF36",
+				"S12.1",
+				"C57",
+				"O44"
+			],
+			"syntax": "<color>",
+			"references": [
 				{
-					name: "decimal"
-				},
-				{
-					name: "decimal-leading-zero"
-				},
-				{
-					name: "disc",
-					"description": "A filled circle."
-				},
-				{
-					name: "georgian"
-				},
-				{
-					name: "inside",
-					"description": "The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below."
-				},
-				{
-					name: "lower-alpha"
-				},
-				{
-					name: "lower-greek"
-				},
-				{
-					name: "lower-latin"
-				},
-				{
-					name: "lower-roman"
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "outside",
-					"description": "The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows."
-				},
-				{
-					name: "square",
-					"description": "A filled square."
-				},
-				{
-					name: "symbols()",
-					"description": "Allows a counter style to be defined inline."
-				},
-				{
-					name: "upper-alpha"
-				},
-				{
-					name: "upper-latin"
-				},
-				{
-					name: "upper-roman"
-				},
-				{
-					name: "url()"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-color"
 				}
 			],
-			"syntax": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
+			"description": "Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "all",
+			browsers: [
+				"FF27",
+				"S9.1",
+				"C37",
+				"O24"
+			],
+			values: [],
+			"syntax": "initial | inherit | unset | revert",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/all"
 				}
 			],
-			"description": "Shorthand for setting 'list-style-type', 'list-style-position' and 'list-style-image'",
+			"description": "Shorthand that resets all properties except 'direction' and 'unicode-bidi'.",
 			"restrictions": [
-				"image",
-				"enum",
-				"url"
+				"enum"
 			]
 		},
 		{
-			name: "list-style-image",
-			values: [
-				{
-					name: "none",
-					"description": "The default contents of the of the list item’s marker are given by 'list-style-type' instead."
-				}
+			name: "object-position",
+			browsers: [
+				"E16",
+				"FF36",
+				"S10",
+				"C31",
+				"O19"
 			],
-			"syntax": "<url> | none",
+			"syntax": "<position>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-image"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/object-position"
 				}
 			],
-			"description": "Sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker.",
+			"description": "Determines the alignment of the replaced element inside its box.",
 			"restrictions": [
-				"image"
+				"position",
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "list-style-position",
+			name: "page-break-inside",
 			values: [
 				{
-					name: "inside",
-					"description": "The marker box is outside the principal block box, as described in the section on the ::marker pseudo-element below."
+					name: "auto",
+					"description": "Neither force nor forbid a page break inside the generated box."
 				},
 				{
-					name: "outside",
-					"description": "The ::marker pseudo-element is an inline element placed immediately before all ::before pseudo-elements in the principal block box, after which the element's content flows."
+					name: "avoid",
+					"description": "Avoid a page break inside the generated box."
 				}
 			],
-			"syntax": "inside | outside",
+			"syntax": "auto | avoid",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-position"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-inside"
 				}
 			],
-			"description": "Specifies the position of the '::marker' pseudo-element's box in the list item.",
+			"description": "Defines rules for page breaks inside an element.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "list-style-type",
+			name: "stroke-linecap",
 			values: [
 				{
-					name: "armenian",
-					"description": "Traditional uppercase Armenian numbering."
-				},
-				{
-					name: "circle",
-					"description": "A hollow circle."
-				},
-				{
-					name: "decimal",
-					"description": "Western decimal numbers."
-				},
-				{
-					name: "decimal-leading-zero",
-					"description": "Decimal numbers padded by initial zeros."
-				},
-				{
-					name: "disc",
-					"description": "A filled circle."
-				},
-				{
-					name: "georgian",
-					"description": "Traditional Georgian numbering."
-				},
-				{
-					name: "lower-alpha",
-					"description": "Lowercase ASCII letters."
-				},
-				{
-					name: "lower-greek",
-					"description": "Lowercase classical Greek."
-				},
-				{
-					name: "lower-latin",
-					"description": "Lowercase ASCII letters."
-				},
-				{
-					name: "lower-roman",
-					"description": "Lowercase ASCII Roman numerals."
+					name: "butt",
+					"description": "Indicates that the stroke for each subpath does not extend beyond its two endpoints."
 				},
 				{
-					name: "none",
-					"description": "No marker"
+					name: "round",
+					"description": "Indicates that at each end of each subpath, the shape representing the stroke will be extended by a half circle with a radius equal to the stroke width."
 				},
 				{
 					name: "square",
-					"description": "A filled square."
-				},
-				{
-					name: "symbols()",
-					"description": "Allows a counter style to be defined inline."
-				},
+					"description": "Indicates that at the end of each subpath, the shape representing the stroke will be extended by a rectangle with the same width as the stroke width and whose length is half of the stroke width."
+				}
+			],
+			"description": "Specifies the shape to be used at the end of open subpaths when they are stroked.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "size",
+			browsers: [
+				"C",
+				"O8"
+			],
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "empty-cells",
+			values: [
 				{
-					name: "upper-alpha",
-					"description": "Uppercase ASCII letters."
+					name: "hide",
+					"description": "No borders or backgrounds are drawn around/behind empty cells."
 				},
 				{
-					name: "upper-latin",
-					"description": "Uppercase ASCII letters."
+					name: "-moz-show-background"
 				},
 				{
-					name: "upper-roman",
-					"description": "Uppercase ASCII Roman numerals."
+					name: "show",
+					"description": "Borders and backgrounds are drawn around/behind empty cells (like normal cells)."
 				}
 			],
-			"syntax": "<counter-style> | <string> | none",
+			"syntax": "show | hide",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/list-style-type"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/empty-cells"
 				}
 			],
-			"description": "Used to construct the default contents of a list item’s marker",
+			"description": "In the separated borders model, this property controls the rendering of borders and backgrounds around cells that have no visible content.",
 			"restrictions": [
-				"enum",
-				"string"
+				"enum"
 			]
 		},
 		{
-			name: "margin",
+			name: "page-break-after",
 			values: [
 				{
-					name: "auto"
+					name: "always",
+					"description": "Always force a page break after the generated box."
+				},
+				{
+					name: "auto",
+					"description": "Neither force nor forbid a page break after generated box."
+				},
+				{
+					name: "avoid",
+					"description": "Avoid a page break after the generated box."
+				},
+				{
+					name: "left",
+					"description": "Force one or two page breaks after the generated box so that the next page is formatted as a left page."
+				},
+				{
+					name: "right",
+					"description": "Force one or two page breaks after the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"syntax": "[ <length> | <percentage> | auto ]{1,4}",
+			"syntax": "auto | always | avoid | left | right | recto | verso",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-after"
 				}
 			],
-			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits.",
+			"description": "Defines rules for page breaks after an element.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "margin-block-end",
+			name: "fill-opacity",
+			"description": "Specifies the opacity of the painting operation used to paint the interior the current object.",
+			"restrictions": [
+				"number(0-1)"
+			]
+		},
+		{
+			name: "grid-gap",
 			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			values: [
-				{
-					name: "auto"
-				}
-			],
-			"syntax": "<'margin-left'>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block-end"
-				}
+				"FF52",
+				"C57",
+				"S10.1",
+				"O44"
 			],
-			"description": "Logical 'margin-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"status": "obsolete",
+			"syntax": "<'grid-row-gap'> <'grid-column-gap'>?",
+			"description": "Shorthand that specifies the gutters between grid columns and grid rows in one declaration. Replaced by 'gap' property.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"length"
 			]
 		},
 		{
-			name: "margin-block-start",
+			name: "margin-block-end",
 			browsers: [
 				"FF41",
 				"S12.1",
@@ -6130,56 +5902,81 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block-end"
 				}
 			],
-			"description": "Logical 'margin-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Logical 'margin-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "margin-bottom",
+			name: "contain",
+			browsers: [
+				"FF69",
+				"C52",
+				"O40"
+			],
 			values: [
 				{
-					name: "auto"
+					name: "none",
+					"description": "Indicates that the property has no effect."
+				},
+				{
+					name: "strict",
+					"description": "Turns on all forms of containment for the element."
+				},
+				{
+					name: "content",
+					"description": "All containment rules except size are applied to the element."
+				},
+				{
+					name: "size",
+					"description": "For properties that can have effects on more than just an element and its descendants, those effects don't escape the containing element."
+				},
+				{
+					name: "layout",
+					"description": "Turns on layout containment for the element."
+				},
+				{
+					name: "style",
+					"description": "Turns on style containment for the element."
+				},
+				{
+					name: "paint",
+					"description": "Turns on paint containment for the element."
 				}
 			],
-			"syntax": "<length> | <percentage> | auto",
+			"status": "experimental",
+			"syntax": "none | strict | content | [ size || layout || style || paint ]",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-bottom"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/contain"
 				}
 			],
-			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
+			"description": "Indicates that an element and its contents are, as much as possible, independent of the rest of the document tree.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "margin-inline-end",
+			name: "padding-inline-start",
 			browsers: [
 				"FF41",
 				"S12.1",
 				"C69",
 				"O56"
 			],
-			values: [
-				{
-					name: "auto"
-				}
-			],
-			"syntax": "<'margin-left'>",
+			"syntax": "<'padding-left'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline-start"
 				}
 			],
-			"description": "Logical 'margin-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Logical 'padding-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
 				"length",
 				"percentage"
@@ -6212,1537 +6009,1504 @@ export const cssData : CSSDataV1 = {
 			]
 		},
 		{
-			name: "margin-left",
+			name: "margin-inline-end",
+			browsers: [
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
+			],
 			values: [
 				{
 					name: "auto"
 				}
 			],
-			"syntax": "<length> | <percentage> | auto",
+			"syntax": "<'margin-left'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-left"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline-end"
 				}
 			],
-			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
+			"description": "Logical 'margin-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "margin-right",
+			name: "grid-template-rows",
+			browsers: [
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
+			],
 			values: [
 				{
-					name: "auto"
+					name: "none",
+					"description": "There is no explicit grid; any rows/columns will be implicitly generated."
+				},
+				{
+					name: "min-content",
+					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
+				},
+				{
+					name: "max-content",
+					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
+				},
+				{
+					name: "auto",
+					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
+				},
+				{
+					name: "subgrid",
+					"description": "Indicates that the grid will align to its parent grid in that axis."
+				},
+				{
+					name: "minmax()",
+					"description": "Defines a size range greater than or equal to min and less than or equal to max."
+				},
+				{
+					name: "repeat()",
+					"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
 				}
 			],
-			"syntax": "<length> | <percentage> | auto",
+			"syntax": "none | <track-list> | <auto-track-list>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-right"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-rows"
 				}
 			],
-			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
+			"description": "specifies, as a space-separated track list, the line names and track sizing functions of the grid.",
 			"restrictions": [
+				"identifier",
 				"length",
-				"percentage"
+				"percentage",
+				"string",
+				"enum"
 			]
 		},
 		{
-			name: "margin-top",
-			values: [
-				{
-					name: "auto"
-				}
+			name: "padding-inline-end",
+			browsers: [
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			"syntax": "<length> | <percentage> | auto",
+			"syntax": "<'padding-left'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-top"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline-end"
 				}
 			],
-			"description": "Shorthand property to set values the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..",
+			"description": "Logical 'padding-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "marker",
-			values: [
-				{
-					name: "none",
-					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
-				},
-				{
-					name: "url()",
-					"description": "Indicates that the <marker> element referenced will be used."
-				}
-			],
-			"description": "Specifies the marker symbol that shall be used for all points on the sets the value for all vertices on the given ‘path’ element or basic shape.",
+			name: "stroke-opacity",
+			"description": "Specifies the opacity of the painting operation used to stroke the current object.",
 			"restrictions": [
-				"url"
+				"number(0-1)"
 			]
 		},
 		{
-			name: "marker-end",
-			values: [
-				{
-					name: "none",
-					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
-				},
+			name: "orphans",
+			browsers: [
+				"E12",
+				"S1.3",
+				"C25",
+				"IE8",
+				"O9.2"
+			],
+			"syntax": "<integer>",
+			"references": [
 				{
-					name: "url()",
-					"description": "Indicates that the <marker> element referenced will be used."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/orphans"
 				}
 			],
-			"description": "Specifies the marker that will be drawn at the last vertices of the given markable element.",
+			"description": "Specifies the minimum number of line boxes in a block container that must be left in a fragment before a fragmentation break.",
 			"restrictions": [
-				"url"
+				"integer"
 			]
 		},
 		{
-			name: "marker-mid",
+			name: "shape-outside",
+			browsers: [
+				"FF62",
+				"S10.1",
+				"C37",
+				"O24"
+			],
 			values: [
 				{
-					name: "none",
-					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
+					name: "margin-box",
+					"description": "The background is painted within (clipped to) the margin box."
 				},
 				{
-					name: "url()",
-					"description": "Indicates that the <marker> element referenced will be used."
+					name: "none",
+					"description": "The float area is unaffected."
 				}
 			],
-			"description": "Specifies the marker that will be drawn at all vertices except the first and last.",
+			"syntax": "none | <shape-box> || <basic-shape> | <image>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/shape-outside"
+				}
+			],
+			"description": "Specifies an orthogonal rotation to be applied to an image before it is laid out.",
 			"restrictions": [
-				"url"
+				"image",
+				"box",
+				"shape",
+				"enum"
 			]
 		},
 		{
-			name: "marker-start",
+			name: "caption-side",
 			values: [
 				{
-					name: "none",
-					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
+					name: "bottom",
+					"description": "Positions the caption box below the table box."
 				},
 				{
-					name: "url()",
-					"description": "Indicates that the <marker> element referenced will be used."
+					name: "top",
+					"description": "Positions the caption box above the table box."
 				}
 			],
-			"description": "Specifies the marker that will be drawn at the first vertices of the given markable element.",
+			"syntax": "top | bottom | block-start | block-end | inline-start | inline-end",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/caption-side"
+				}
+			],
+			"description": "Specifies the position of the caption box with respect to the table box.",
 			"restrictions": [
-				"url"
+				"enum"
 			]
 		},
 		{
-			name: "mask-image",
+			name: "widows",
 			browsers: [
-				"E16",
-				"FF53",
-				"S4",
-				"C1",
-				"O"
-			],
-			values: [
-				{
-					name: "none",
-					"description": "Counts as a transparent black image layer."
-				},
-				{
-					name: "url()",
-					"description": "Reference to a <mask element or to a CSS image."
-				}
+				"E12",
+				"S1.3",
+				"C25",
+				"IE8",
+				"O9.2"
 			],
-			"syntax": "<mask-reference>#",
+			"syntax": "<integer>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-image"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/widows"
 				}
 			],
-			"description": "Sets the mask layer image of an element.",
+			"description": "Specifies the minimum number of line boxes of a block container that must be left in a fragment after a break.",
 			"restrictions": [
-				"url",
-				"image",
-				"enum"
+				"integer"
 			]
 		},
 		{
-			name: "mask-mode",
+			name: "grid-column",
 			browsers: [
-				"FF53"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
-				{
-					name: "alpha",
-					"description": "Alpha values of the mask layer image should be used as the mask values."
-				},
 				{
 					name: "auto",
-					"description": "Use alpha values if 'mask-image' is an image, luminance if a <mask> element or a CSS image."
+					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
 				},
 				{
-					name: "luminance",
-					"description": "Luminance values of the mask layer image should be used as the mask values."
+					name: "span",
+					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
 				}
 			],
-			"syntax": "<masking-mode>#",
+			"syntax": "<grid-line> [ / <grid-line> ]?",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-mode"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column"
 				}
 			],
-			"description": "Indicates whether the mask layer image is treated as luminance mask or alpha mask.",
+			"description": "Shorthand for 'grid-column-start' and 'grid-column-end'.",
 			"restrictions": [
-				"url",
-				"image",
+				"identifier",
+				"integer",
 				"enum"
 			]
 		},
 		{
-			name: "mask-origin",
-			browsers: [
-				"FF53",
-				"S4",
-				"C1",
-				"O15"
-			],
-			"syntax": "<geometry-box>#",
+			name: "perspective-origin",
+			"syntax": "<position>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-origin"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/perspective-origin"
 				}
 			],
-			"description": "Specifies the mask positioning area.",
+			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
 			"restrictions": [
-				"geometry-box",
-				"enum"
+				"position",
+				"percentage",
+				"length"
 			]
 		},
 		{
-			name: "mask-position",
-			browsers: [
-				"E18",
-				"FF53",
-				"S3.2",
-				"C1",
-				"O15"
+			name: "column-width",
+			values: [
+				{
+					name: "auto",
+					"description": "The width depends on the values of other properties."
+				}
 			],
-			"syntax": "<position>#",
+			"syntax": "<length> | auto",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-position"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-width"
 				}
 			],
-			"description": "Specifies how mask layer images are positioned.",
+			"description": "Describes the width of columns in multicol elements.",
 			"restrictions": [
-				"position",
 				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "mask-repeat",
+			name: "mix-blend-mode",
 			browsers: [
-				"E18",
-				"FF53",
-				"S3.2",
-				"C1",
-				"O15"
+				"FF32",
+				"S8",
+				"C41",
+				"O"
 			],
-			"syntax": "<repeat-style>#",
+			values: [
+				{
+					name: "normal",
+					"description": "Default attribute which specifies no blending"
+				},
+				{
+					name: "multiply",
+					"description": "The source color is multiplied by the destination color and replaces the destination."
+				},
+				{
+					name: "screen",
+					"description": "Multiplies the complements of the backdrop and source color values, then complements the result."
+				},
+				{
+					name: "overlay",
+					"description": "Multiplies or screens the colors, depending on the backdrop color value."
+				},
+				{
+					name: "darken",
+					"description": "Selects the darker of the backdrop and source colors."
+				},
+				{
+					name: "lighten",
+					"description": "Selects the lighter of the backdrop and source colors."
+				},
+				{
+					name: "color-dodge",
+					"description": "Brightens the backdrop color to reflect the source color."
+				},
+				{
+					name: "color-burn",
+					"description": "Darkens the backdrop color to reflect the source color."
+				},
+				{
+					name: "hard-light",
+					"description": "Multiplies or screens the colors, depending on the source color value."
+				},
+				{
+					name: "soft-light",
+					"description": "Darkens or lightens the colors, depending on the source color value."
+				},
+				{
+					name: "difference",
+					"description": "Subtracts the darker of the two constituent colors from the lighter color.."
+				},
+				{
+					name: "exclusion",
+					"description": "Produces an effect similar to that of the Difference mode but lower in contrast."
+				},
+				{
+					name: "hue",
+					browsers: [
+						"FF32",
+						"S8",
+						"C41",
+						"O"
+					],
+					"description": "Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color."
+				},
+				{
+					name: "saturation",
+					browsers: [
+						"FF32",
+						"S8",
+						"C41",
+						"O"
+					],
+					"description": "Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color."
+				},
+				{
+					name: "color",
+					browsers: [
+						"FF32",
+						"S8",
+						"C41",
+						"O"
+					],
+					"description": "Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color."
+				},
+				{
+					name: "luminosity",
+					browsers: [
+						"FF32",
+						"S8",
+						"C41",
+						"O"
+					],
+					"description": "Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color."
+				}
+			],
+			"syntax": "<blend-mode>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-repeat"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode"
 				}
 			],
-			"description": "Specifies how mask layer images are tiled after they have been sized and positioned.",
+			"description": "Defines the formula that must be used to mix the colors with the backdrop.",
 			"restrictions": [
-				"repeat"
+				"enum"
 			]
 		},
 		{
-			name: "mask-size",
-			browsers: [
-				"E18",
-				"FF53",
-				"S4",
-				"C4",
-				"O15"
-			],
+			name: "grid-auto-rows",
 			values: [
 				{
-					name: "auto",
-					"description": "Resolved by using the image’s intrinsic ratio and the size of the other dimension, or failing that, using the image’s intrinsic size, or failing that, treating it as 100%."
+					name: "min-content",
+					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
 				},
 				{
-					name: "contain",
-					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
+					name: "max-content",
+					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
 				},
 				{
-					name: "cover",
-					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
+					name: "auto",
+					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
+				},
+				{
+					name: "minmax()",
+					"description": "Defines a size range greater than or equal to min and less than or equal to max."
 				}
 			],
-			"syntax": "<bg-size>#",
+			"syntax": "<track-size>+",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows"
 				}
 			],
-			"description": "Specifies the size of the mask layer images.",
+			"description": "Specifies the size of implicitly created rows.",
 			"restrictions": [
 				"length",
-				"percentage",
-				"enum"
+				"percentage"
 			]
 		},
 		{
-			name: "mask-type",
+			name: "font-variant-ligatures",
 			browsers: [
-				"FF35",
-				"S6.1",
-				"C24",
-				"O15"
+				"FF34",
+				"S9.1",
+				"C34",
+				"O21"
 			],
 			values: [
 				{
-					name: "alpha",
-					"description": "Indicates that the alpha values of the mask should be used."
+					name: "additional-ligatures",
+					"description": "Enables display of additional ligatures."
 				},
 				{
-					name: "luminance",
-					"description": "Indicates that the luminance values of the mask should be used."
-				}
-			],
-			"syntax": "luminance | alpha",
-			"references": [
+					name: "common-ligatures",
+					"description": "Enables display of common ligatures."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-type"
-				}
-			],
-			"description": "Defines whether the content of the <mask> element is treated as as luminance mask or alpha mask.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "max-block-size",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "contextual",
+					browsers: [
+						"FF34",
+						"S9.1",
+						"C34",
+						"O21"
+					],
+					"description": "Enables display of contextual alternates."
+				},
 				{
-					name: "none",
-					"description": "No limit on the width of the box."
-				}
-			],
-			"status": "experimental",
-			"syntax": "<'max-width'>",
-			"references": [
+					name: "discretionary-ligatures",
+					"description": "Enables display of discretionary ligatures."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/max-block-size"
-				}
-			],
-			"description": "Logical 'max-width'. Mapping depends on the element’s 'writing-mode'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "max-height",
-			values: [
+					name: "historical-ligatures",
+					"description": "Enables display of historical ligatures."
+				},
 				{
-					name: "none",
-					"description": "No limit on the height of the box."
+					name: "no-additional-ligatures",
+					"description": "Disables display of additional ligatures."
 				},
 				{
-					name: "fit-content",
-					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+					name: "no-common-ligatures",
+					"description": "Disables display of common ligatures."
 				},
 				{
-					name: "max-content",
-					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+					name: "no-contextual",
+					browsers: [
+						"FF34",
+						"S9.1",
+						"C34",
+						"O21"
+					],
+					"description": "Disables display of contextual alternates."
 				},
 				{
-					name: "min-content",
-					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
-				}
-			],
-			"syntax": "<viewport-length>",
-			"references": [
+					name: "no-discretionary-ligatures",
+					"description": "Disables display of discretionary ligatures."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/max-height"
-				}
-			],
-			"description": "Allows authors to constrain content height to a certain range.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "max-inline-size",
-			browsers: [
-				"FF41",
-				"S10.1",
-				"C57",
-				"O44"
-			],
-			values: [
+					name: "no-historical-ligatures",
+					"description": "Disables display of historical ligatures."
+				},
 				{
 					name: "none",
-					"description": "No limit on the height of the box."
+					browsers: [
+						"FF34",
+						"S9.1",
+						"C34",
+						"O21"
+					],
+					"description": "Disables all ligatures."
+				},
+				{
+					name: "normal",
+					"description": "Implies that the defaults set by the font are used."
 				}
 			],
-			"status": "experimental",
-			"syntax": "<'max-width'>",
+			"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/max-inline-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-ligatures"
 				}
 			],
-			"description": "Logical 'max-height'. Mapping depends on the element’s 'writing-mode'.",
+			"description": "Specifies control over which ligatures are enabled or disabled. A value of ‘normal’ implies that the defaults set by the font are used.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "max-width",
+			name: "scroll-behavior",
+			browsers: [
+				"FF36",
+				"C61",
+				"O48"
+			],
 			values: [
 				{
-					name: "none",
-					"description": "No limit on the width of the box."
-				},
-				{
-					name: "fit-content",
-					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
-				},
-				{
-					name: "max-content",
-					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+					name: "auto",
+					"description": "Scrolls in an instant fashion."
 				},
 				{
-					name: "min-content",
-					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
+					name: "smooth",
+					"description": "Scrolls in a smooth fashion using a user-agent-defined timing function and time period."
 				}
 			],
-			"syntax": "<viewport-length>",
+			"syntax": "auto | smooth",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/max-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-behavior"
 				}
 			],
-			"description": "Allows authors to constrain content width to a certain range.",
+			"description": "Specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "min-block-size",
+			name: "text-decoration-skip",
+			"status": "experimental",
+			"syntax": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
 			browsers: [
-				"FF41",
 				"S12.1",
 				"C57",
 				"O44"
 			],
-			"syntax": "<'min-width'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/min-block-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip"
 				}
 			],
-			"description": "Logical 'min-width'. Mapping depends on the element’s 'writing-mode'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
+			"description": "The text-decoration-skip CSS property specifies what parts of the element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors."
 		},
 		{
-			name: "min-height",
+			name: "columns",
 			values: [
 				{
-					name: "auto"
-				},
-				{
-					name: "fit-content",
-					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
-				},
-				{
-					name: "max-content",
-					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
-				},
-				{
-					name: "min-content",
-					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
+					name: "auto",
+					"description": "The width depends on the values of other properties."
 				}
 			],
-			"syntax": "<viewport-length>",
+			"syntax": "<'column-width'> || <'column-count'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/min-height"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/columns"
 				}
 			],
-			"description": "Allows authors to constrain content height to a certain range.",
+			"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
 			"restrictions": [
 				"length",
-				"percentage"
+				"integer",
+				"enum"
 			]
 		},
 		{
-			name: "min-inline-size",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C57",
-				"O44"
-			],
-			"syntax": "<'min-width'>",
+			name: "column-rule",
+			"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/min-inline-size"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule"
 				}
 			],
-			"description": "Logical 'min-height'. Mapping depends on the element’s 'writing-mode'.",
+			"description": "Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
 			"restrictions": [
 				"length",
-				"percentage"
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "min-width",
+			name: "line-break",
 			values: [
 				{
-					name: "auto"
+					name: "auto",
+					"description": "The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines."
 				},
 				{
-					name: "fit-content",
-					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+					name: "loose",
+					"description": "Breaks text using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers."
 				},
 				{
-					name: "max-content",
-					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+					name: "normal",
+					"description": "Breaks text using the most common set of line-breaking rules."
 				},
 				{
-					name: "min-content",
-					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
+					name: "strict",
+					"description": "Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'."
 				}
 			],
-			"syntax": "<viewport-length>",
+			"syntax": "auto | loose | normal | strict",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/min-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/line-break"
 				}
 			],
-			"description": "Allows authors to constrain content width to a certain range.",
+			"description": "Specifies what set of line breaking restrictions are in effect within the element.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "mix-blend-mode",
+			name: "text-align-last",
 			browsers: [
-				"FF32",
-				"S8",
-				"C41",
-				"O"
-			],
+				"E12",
+				"FF49",
+				"C47",
+				"IE5.5",
+				"O"
+			],
 			values: [
 				{
-					name: "normal",
-					"description": "Default attribute which specifies no blending"
-				},
-				{
-					name: "multiply",
-					"description": "The source color is multiplied by the destination color and replaces the destination."
-				},
-				{
-					name: "screen",
-					"description": "Multiplies the complements of the backdrop and source color values, then complements the result."
-				},
-				{
-					name: "overlay",
-					"description": "Multiplies or screens the colors, depending on the backdrop color value."
-				},
-				{
-					name: "darken",
-					"description": "Selects the darker of the backdrop and source colors."
-				},
-				{
-					name: "lighten",
-					"description": "Selects the lighter of the backdrop and source colors."
-				},
-				{
-					name: "color-dodge",
-					"description": "Brightens the backdrop color to reflect the source color."
-				},
-				{
-					name: "color-burn",
-					"description": "Darkens the backdrop color to reflect the source color."
-				},
-				{
-					name: "hard-light",
-					"description": "Multiplies or screens the colors, depending on the source color value."
-				},
-				{
-					name: "soft-light",
-					"description": "Darkens or lightens the colors, depending on the source color value."
-				},
-				{
-					name: "difference",
-					"description": "Subtracts the darker of the two constituent colors from the lighter color.."
-				},
-				{
-					name: "exclusion",
-					"description": "Produces an effect similar to that of the Difference mode but lower in contrast."
+					name: "auto",
+					"description": "Content on the affected line is aligned per 'text-align' unless 'text-align' is set to 'justify', in which case it is 'start-aligned'."
 				},
 				{
-					name: "hue",
-					browsers: [
-						"FF32",
-						"S8",
-						"C41",
-						"O"
-					],
-					"description": "Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color."
+					name: "center",
+					"description": "The inline contents are centered within the line box."
 				},
 				{
-					name: "saturation",
-					browsers: [
-						"FF32",
-						"S8",
-						"C41",
-						"O"
-					],
-					"description": "Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color."
+					name: "justify",
+					"description": "The text is justified according to the method specified by the 'text-justify' property."
 				},
 				{
-					name: "color",
-					browsers: [
-						"FF32",
-						"S8",
-						"C41",
-						"O"
-					],
-					"description": "Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color."
+					name: "left",
+					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
 				},
 				{
-					name: "luminosity",
-					browsers: [
-						"FF32",
-						"S8",
-						"C41",
-						"O"
-					],
-					"description": "Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color."
+					name: "right",
+					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
 				}
 			],
-			"syntax": "<blend-mode>",
+			"syntax": "auto | start | end | left | right | center | justify",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-align-last"
 				}
 			],
-			"description": "Defines the formula that must be used to mix the colors with the backdrop.",
+			"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "motion",
-			browsers: [
-				"C46",
-				"O33"
-			],
+			name: "border-image-width",
 			values: [
-				{
-					name: "none",
-					"description": "No motion path gets created."
-				},
-				{
-					name: "path()",
-					"description": "Defines an SVG path as a string, with optional 'fill-rule' as the first argument."
-				},
 				{
 					name: "auto",
-					"description": "Indicates that the object is rotated by the angle of the direction of the motion path."
-				},
+					"description": "The border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
+				}
+			],
+			"syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
+			"references": [
 				{
-					name: "reverse",
-					"description": "Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-width"
 				}
 			],
-			"description": "Shorthand property for setting 'motion-path', 'motion-offset' and 'motion-rotation'.",
+			"description": "The four values of 'border-image-width' specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the top, right, bottom, and left sides of the area, respectively.",
 			"restrictions": [
-				"url",
 				"length",
 				"percentage",
-				"angle",
-				"shape",
-				"geometry-box",
-				"enum"
+				"number"
 			]
 		},
 		{
-			name: "motion-offset",
-			browsers: [
-				"C46",
-				"O33"
-			],
-			"description": "A distance that describes the position along the specified motion path.",
+			name: "stroke-miterlimit",
+			"description": "When two line segments meet at a sharp angle and miter joins have been specified for 'stroke-linejoin', it is possible for the miter to extend far beyond the thickness of the line stroking the path.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"number"
 			]
 		},
 		{
-			name: "motion-path",
-			browsers: [
-				"C46",
-				"O33"
-			],
+			name: "border-image-repeat",
 			values: [
 				{
-					name: "none",
-					"description": "No motion path gets created."
+					name: "repeat",
+					"description": "The image is tiled (repeated) to fill the area."
 				},
 				{
-					name: "path()",
-					"description": "Defines an SVG path as a string, with optional 'fill-rule' as the first argument."
+					name: "round",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
+				},
+				{
+					name: "space",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
+				},
+				{
+					name: "stretch",
+					"description": "The image is stretched to fill the area."
 				}
 			],
-			"description": "Specifies the motion path the element gets positioned at.",
+			"syntax": "[ stretch | repeat | round | space ]{1,2}",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-repeat"
+				}
+			],
+			"description": "Specifies how the images for the sides and the middle part of the border image are scaled and tiled. If the second keyword is absent, it is assumed to be the same as the first.",
 			"restrictions": [
-				"url",
-				"shape",
-				"geometry-box",
 				"enum"
 			]
 		},
 		{
-			name: "motion-rotation",
+			name: "grid-column-gap",
 			browsers: [
-				"C46",
-				"O33"
+				"FF52",
+				"C57",
+				"S10.1",
+				"O44"
 			],
+			"status": "obsolete",
+			"syntax": "<length-percentage>",
+			"description": "Specifies the gutters between grid columns. Replaced by 'column-gap' property.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "border-image-slice",
 			values: [
 				{
-					name: "auto",
-					"description": "Indicates that the object is rotated by the angle of the direction of the motion path."
-				},
+					name: "fill",
+					"description": "Causes the middle part of the border-image to be preserved."
+				}
+			],
+			"syntax": "<number-percentage>{1,4} && fill?",
+			"references": [
 				{
-					name: "reverse",
-					"description": "Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-slice"
 				}
 			],
-			"description": "Defines the direction of the element while positioning along the motion path.",
+			"description": "Specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle.",
 			"restrictions": [
-				"angle"
+				"number",
+				"percentage"
 			]
 		},
 		{
-			name: "-moz-animation",
+			name: "justify-self",
 			browsers: [
-				"FF9"
+				"E16",
+				"FF45",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+					name: "auto"
 				},
 				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+					name: "normal"
 				},
 				{
-					name: "backwards",
-					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
+					name: "end"
 				},
 				{
-					name: "both",
-					"description": "Both forwards and backwards fill modes are applied."
+					name: "start"
 				},
 				{
-					name: "forwards",
-					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+					name: "flex-end",
+					"description": "\"Flex items are packed toward the end of the line.\""
 				},
 				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
+					name: "flex-start",
+					"description": "\"Flex items are packed toward the start of the line.\""
 				},
 				{
-					name: "none",
-					"description": "No animation is performed"
+					name: "self-end",
+					"description": "The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis."
 				},
 				{
-					name: "normal",
-					"description": "Normal playback."
+					name: "self-start",
+					"description": "The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.."
 				},
 				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
-				}
-			],
-			"description": "Shorthand property combines six of the animation properties into a single property.",
-			"restrictions": [
-				"time",
-				"enum",
-				"timing-function",
-				"identifier",
-				"number"
-			]
-		},
-		{
-			name: "-moz-animation-delay",
-			browsers: [
-				"FF9"
-			],
-			"description": "Defines when the animation will start.",
-			"restrictions": [
-				"time"
-			]
-		},
-		{
-			name: "-moz-animation-direction",
-			browsers: [
-				"FF9"
-			],
-			values: [
+					name: "center",
+					"description": "The items are packed flush to each other toward the center of the of the alignment container."
+				},
 				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+					name: "left"
 				},
 				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+					name: "right"
 				},
 				{
-					name: "normal",
-					"description": "Normal playback."
+					name: "baseline"
 				},
 				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
-				}
-			],
-			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-moz-animation-duration",
-			browsers: [
-				"FF9"
-			],
-			"description": "Defines the length of time that an animation takes to complete one cycle.",
-			"restrictions": [
-				"time"
-			]
-		},
-		{
-			name: "-moz-animation-iteration-count",
-			browsers: [
-				"FF9"
-			],
-			values: [
+					name: "first baseline"
+				},
 				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
-				}
-			],
-			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
-			"restrictions": [
-				"number",
-				"enum"
-			]
-		},
-		{
-			name: "-moz-animation-name",
-			browsers: [
-				"FF9"
-			],
-			values: [
+					name: "last baseline"
+				},
 				{
-					name: "none",
-					"description": "No animation is performed"
+					name: "stretch",
+					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
+				},
+				{
+					name: "save"
+				},
+				{
+					name: "unsave"
 				}
 			],
-			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
+			"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
+			"description": "Defines the way of justifying a box inside its container along the appropriate axis.",
 			"restrictions": [
-				"identifier",
 				"enum"
 			]
 		},
 		{
-			name: "-moz-animation-play-state",
-			browsers: [
-				"FF9"
-			],
+			name: "fill-rule",
 			values: [
 				{
-					name: "paused",
-					"description": "A running animation will be paused."
+					name: "evenodd",
+					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses."
 				},
 				{
-					name: "running",
-					"description": "Resume playback of a paused animation."
+					name: "nonzero",
+					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray."
 				}
 			],
-			"description": "Defines whether the animation is running or paused.",
+			"description": "Indicates the algorithm (or winding rule) which is to be used to determine what parts of the canvas are included inside the shape.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-moz-animation-timing-function",
-			browsers: [
-				"FF9"
+			name: "border-image-outset",
+			"syntax": "[ <length> | <number> ]{1,4}",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-outset"
+				}
 			],
-			"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
+			"description": "The values specify the amount by which the border image area extends beyond the border box on the top, right, bottom, and left sides respectively. If the fourth value is absent, it is the same as the second. If the third one is also absent, it is the same as the first. If the second one is also absent, it is the same as the first. Numbers represent multiples of the corresponding border-width.",
 			"restrictions": [
-				"timing-function"
+				"length",
+				"number"
 			]
 		},
 		{
-			name: "-moz-appearance",
-			browsers: [
-				"FF1"
-			],
+			name: "justify-items",
 			values: [
 				{
-					name: "button"
-				},
-				{
-					name: "button-arrow-down"
-				},
-				{
-					name: "button-arrow-next"
+					name: "auto"
 				},
 				{
-					name: "button-arrow-previous"
+					name: "normal"
 				},
 				{
-					name: "button-arrow-up"
+					name: "end"
 				},
 				{
-					name: "button-bevel"
+					name: "start"
 				},
 				{
-					name: "checkbox"
+					name: "flex-end",
+					"description": "\"Flex items are packed toward the end of the line.\""
 				},
 				{
-					name: "checkbox-container"
+					name: "flex-start",
+					"description": "\"Flex items are packed toward the start of the line.\""
 				},
 				{
-					name: "checkbox-label"
+					name: "self-end",
+					"description": "The item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis."
 				},
 				{
-					name: "dialog"
+					name: "self-start",
+					"description": "The item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.."
 				},
 				{
-					name: "groupbox"
+					name: "center",
+					"description": "The items are packed flush to each other toward the center of the of the alignment container."
 				},
 				{
-					name: "listbox"
+					name: "left"
 				},
 				{
-					name: "menuarrow"
+					name: "right"
 				},
 				{
-					name: "menuimage"
+					name: "baseline"
 				},
 				{
-					name: "menuitem"
+					name: "first baseline"
 				},
 				{
-					name: "menuitemtext"
+					name: "last baseline"
 				},
 				{
-					name: "menulist"
+					name: "stretch",
+					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
 				},
 				{
-					name: "menulist-button"
+					name: "save"
 				},
 				{
-					name: "menulist-text"
+					name: "unsave"
 				},
 				{
-					name: "menulist-textfield"
-				},
+					name: "legacy"
+				}
+			],
+			"syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
+			"description": "Defines the default justify-self for all items of the box, giving them the default way of justifying each box along the appropriate axis",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "break-inside",
+			values: [
 				{
-					name: "menupopup"
+					name: "auto",
+					"description": "Impose no additional breaking constraints within the box."
 				},
 				{
-					name: "menuradio"
+					name: "avoid",
+					"description": "Avoid breaks within the box."
 				},
 				{
-					name: "menuseparator"
+					name: "avoid-column",
+					"description": "Avoid a column break within the box."
 				},
 				{
-					name: "-moz-mac-unified-toolbar"
-				},
+					name: "avoid-page",
+					"description": "Avoid a page break within the box."
+				}
+			],
+			"syntax": "auto | avoid | avoid-page | avoid-column | avoid-region",
+			"description": "Describes the page/column/region break behavior inside the principal box.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "scroll-snap-type",
+			values: [
 				{
-					name: "-moz-win-borderless-glass"
+					name: "none",
+					"description": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled."
 				},
 				{
-					name: "-moz-win-browsertabbar-toolbox"
+					name: "mandatory",
+					"description": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations."
 				},
 				{
-					name: "-moz-win-communications-toolbox"
-				},
+					name: "proximity",
+					"description": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll."
+				}
+			],
+			"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
+			"references": [
 				{
-					name: "-moz-win-glass"
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type"
+				}
+			],
+			"description": "Defines how strictly snap points are enforced on the scroll container.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "text-decoration-line",
+			browsers: [
+				"FF36",
+				"S12.1",
+				"C57",
+				"O"
+			],
+			values: [
 				{
-					name: "-moz-win-media-toolbox"
+					name: "line-through",
+					"description": "Each line of text has a line through the middle."
 				},
 				{
-					name: "none"
+					name: "none",
+					"description": "Neither produces nor inhibits text decoration."
 				},
 				{
-					name: "progressbar"
+					name: "overline",
+					"description": "Each line of text has a line above it."
 				},
 				{
-					name: "progresschunk"
-				},
-				{
-					name: "radio"
-				},
-				{
-					name: "radio-container"
-				},
-				{
-					name: "radio-label"
-				},
-				{
-					name: "radiomenuitem"
-				},
-				{
-					name: "resizer"
-				},
-				{
-					name: "resizerpanel"
-				},
-				{
-					name: "scrollbarbutton-down"
-				},
-				{
-					name: "scrollbarbutton-left"
-				},
-				{
-					name: "scrollbarbutton-right"
-				},
-				{
-					name: "scrollbarbutton-up"
-				},
-				{
-					name: "scrollbar-small"
-				},
-				{
-					name: "scrollbartrack-horizontal"
-				},
-				{
-					name: "scrollbartrack-vertical"
-				},
-				{
-					name: "separator"
-				},
-				{
-					name: "spinner"
-				},
-				{
-					name: "spinner-downbutton"
-				},
-				{
-					name: "spinner-textfield"
-				},
-				{
-					name: "spinner-upbutton"
-				},
-				{
-					name: "statusbar"
-				},
-				{
-					name: "statusbarpanel"
-				},
-				{
-					name: "tab"
-				},
-				{
-					name: "tabpanels"
-				},
-				{
-					name: "tab-scroll-arrow-back"
-				},
-				{
-					name: "tab-scroll-arrow-forward"
-				},
-				{
-					name: "textfield"
-				},
-				{
-					name: "textfield-multiline"
-				},
-				{
-					name: "toolbar"
-				},
-				{
-					name: "toolbox"
-				},
-				{
-					name: "tooltip"
-				},
-				{
-					name: "treeheadercell"
-				},
-				{
-					name: "treeheadersortarrow"
-				},
-				{
-					name: "treeitem"
-				},
-				{
-					name: "treetwistyopen"
-				},
-				{
-					name: "treeview"
-				},
-				{
-					name: "treewisty"
-				},
+					name: "underline",
+					"description": "Each line of text is underlined."
+				}
+			],
+			"syntax": "none | [ underline || overline || line-through || blink ]",
+			"references": [
 				{
-					name: "window"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-line"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized",
-			"description": "Used in Gecko (Firefox) to display an element using a platform-native styling based on the operating system's theme.",
+			"description": "Specifies what line decorations, if any, are added to the element.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-moz-backface-visibility",
+			name: "scroll-snap-align",
+			"syntax": "[ none | start | end | center ]{1,2}",
 			browsers: [
-				"FF10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
+			],
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align"
+				}
+			],
+			"description": "The scroll-snap-align property specifies the box’s snap position as an alignment of its snap area (as the alignment subject) within its snap container’s snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value."
+		},
+		{
+			name: "grid-row",
+			browsers: [
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "hidden"
+					name: "auto",
+					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
 				},
 				{
-					name: "visible"
+					name: "span",
+					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
 				}
 			],
-			"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
+			"syntax": "<grid-line> [ / <grid-line> ]?",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row"
+				}
+			],
+			"description": "Shorthand for 'grid-row-start' and 'grid-row-end'.",
 			"restrictions": [
+				"identifier",
+				"integer",
 				"enum"
 			]
 		},
 		{
-			name: "-moz-background-clip",
+			name: "caret-color",
 			browsers: [
-				"FF1-3.6"
+				"FF53",
+				"S11.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "padding"
+					name: "auto",
+					"description": "The user agent selects an appropriate color for the caret. This is generally currentcolor, but the user agent may choose a different color to ensure good visibility and contrast with the surrounding content, taking into account the value of currentcolor, the background, shadows, and other factors."
 				}
 			],
-			"description": "Determines the background painting area.",
+			"syntax": "auto | <color>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/caret-color"
+				}
+			],
+			"description": "Controls the color of the text insertion indicator.",
 			"restrictions": [
-				"box",
+				"color",
 				"enum"
 			]
 		},
 		{
-			name: "-moz-background-inline-policy",
-			browsers: [
-				"FF1"
-			],
+			name: "stroke-linejoin",
 			values: [
 				{
-					name: "bounding-box"
+					name: "bevel",
+					"description": "Indicates that a bevelled corner is to be used to join path segments."
 				},
 				{
-					name: "continuous"
+					name: "miter",
+					"description": "Indicates that a sharp corner is to be used to join path segments."
 				},
 				{
-					name: "each-box"
+					name: "round",
+					"description": "Indicates that a round corner is to be used to join path segments."
 				}
 			],
-			"description": "In Gecko-based applications like Firefox, the -moz-background-inline-policy CSS property specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition.",
+			"description": "Specifies the shape to be used at the corners of paths or basic shapes when they are stroked.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-moz-background-origin",
+			name: "grid-area",
 			browsers: [
-				"FF1"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
-			"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
-			"restrictions": [
-				"box"
-			]
-		},
-		{
-			name: "-moz-border-bottom-colors",
-			browsers: [
-				"FF1"
+			values: [
+				{
+					name: "auto",
+					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+				},
+				{
+					name: "span",
+					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<color>+ | none",
+			"syntax": "<grid-line> [ / <grid-line> ]{0,3}",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-bottom-colors"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-area"
 				}
 			],
-			"description": "Sets a list of colors for the bottom border.",
+			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement. Shorthand for 'grid-row-start', 'grid-column-start', 'grid-row-end', and 'grid-column-end'.",
 			"restrictions": [
-				"color"
+				"identifier",
+				"integer"
 			]
 		},
 		{
-			name: "-moz-border-image",
-			browsers: [
-				"FF3.6"
-			],
+			name: "column-fill",
 			values: [
 				{
 					name: "auto",
-					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
-				},
-				{
-					name: "fill",
-					"description": "Causes the middle part of the border-image to be preserved."
+					"description": "Fills columns sequentially."
 				},
 				{
-					name: "none"
-				},
+					name: "balance",
+					"description": "Balance content equally between columns, if possible."
+				}
+			],
+			"syntax": "auto | balance | balance-all",
+			"references": [
 				{
-					name: "repeat",
-					"description": "The image is tiled (repeated) to fill the area."
-				},
-				{
-					name: "round",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
-				},
-				{
-					name: "space",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
-				},
-				{
-					name: "stretch",
-					"description": "The image is stretched to fill the area."
-				},
-				{
-					name: "url()"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-fill"
 				}
 			],
-			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
+			"description": "In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced.",
 			"restrictions": [
-				"length",
-				"percentage",
-				"number",
-				"url",
 				"enum"
 			]
 		},
 		{
-			name: "-moz-border-left-colors",
+			name: "tab-size",
 			browsers: [
-				"FF1"
+				"FF4",
+				"S6.1",
+				"C21",
+				"O15"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>+ | none",
+			"syntax": "<integer> | <length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-left-colors"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/tab-size"
 				}
 			],
-			"description": "Sets a list of colors for the bottom border.",
+			"description": "Determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.",
 			"restrictions": [
-				"color"
+				"integer",
+				"length"
 			]
 		},
 		{
-			name: "-moz-border-right-colors",
+			name: "overflow-anchor",
+			"status": "experimental",
+			"syntax": "auto | none",
 			browsers: [
-				"FF1"
+				"FF66",
+				"C56",
+				"O43"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>+ | none",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-right-colors"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-anchor"
 				}
 			],
-			"description": "Sets a list of colors for the bottom border.",
-			"restrictions": [
-				"color"
-			]
+			"description": "The overflow-anchor CSS property provides a way to opt out browser scroll anchoring behavior which adjusts scroll position to minimize content shifts."
 		},
 		{
-			name: "-moz-border-top-colors",
-			browsers: [
-				"FF1"
+			name: "border-image-source",
+			values: [
+				{
+					name: "none",
+					"description": "Use the border styles."
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<color>+ | none",
+			"syntax": "none | <image>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-top-colors"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-image-source"
 				}
 			],
-			"description": "Ske Firefox, -moz-border-bottom-colors sets a list of colors for the bottom border.",
+			"description": "Specifies an image to use instead of the border styles given by the 'border-style' properties and as an additional background layer for the element. If the value is 'none' or if the image cannot be displayed, the border styles will be used.",
 			"restrictions": [
-				"color"
+				"image"
 			]
 		},
 		{
-			name: "-moz-box-align",
+			name: "grid-template-areas",
 			browsers: [
-				"FF1"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "baseline",
-					"description": "If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used."
-				},
-				{
-					name: "center",
-					"description": "Any extra space is divided evenly, with half placed above the child and the other half placed after the child."
-				},
-				{
-					name: "end",
-					"description": "For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element."
-				},
-				{
-					name: "start",
-					"description": "For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element."
-				},
+					name: "none",
+					"description": "The grid container doesn’t define any named grid areas."
+				}
+			],
+			"syntax": "none | <string>+",
+			"references": [
 				{
-					name: "stretch",
-					"description": "The height of each child is adjusted to that of the containing block."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template-areas"
 				}
 			],
-			"description": "Specifies how a XUL box aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box.",
+			"description": "Specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties.",
 			"restrictions": [
-				"enum"
+				"string"
 			]
 		},
 		{
-			name: "-moz-box-direction",
+			name: "font-kerning",
 			browsers: [
-				"FF1"
+				"FF32",
+				"S7",
+				"C32",
+				"O19"
 			],
 			values: [
 				{
-					name: "normal",
-					"description": "A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom."
+					name: "auto",
+					"description": "Specifies that kerning is applied at the discretion of the user agent."
 				},
 				{
-					name: "reverse",
-					"description": "A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top."
+					name: "none",
+					"description": "Specifies that kerning is not applied."
+				},
+				{
+					name: "normal",
+					"description": "Specifies that kerning is applied."
 				}
 			],
-			"description": "Specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-moz-box-flex",
-			browsers: [
-				"FF1"
-			],
-			"description": "Specifies how a box grows to fill the box that contains it, in the direction of the containing box's layout.",
-			"restrictions": [
-				"number"
-			]
-		},
-		{
-			name: "-moz-box-flexgroup",
-			browsers: [
-				"FF1"
-			],
-			"description": "Flexible elements can be assigned to flex groups using the 'box-flex-group' property.",
-			"restrictions": [
-				"integer"
-			]
-		},
-		{
-			name: "-moz-box-ordinal-group",
-			browsers: [
-				"FF1"
+			"syntax": "auto | normal | none",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-kerning"
+				}
 			],
-			"description": "Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.",
+			"description": "Kerning is the contextual adjustment of inter-glyph spacing. This property controls metric kerning, kerning that utilizes adjustment data contained in the font.",
 			"restrictions": [
-				"integer"
+				"enum"
 			]
 		},
 		{
-			name: "-moz-box-orient",
-			browsers: [
-				"FF1"
-			],
+			name: "page-break-before",
 			values: [
 				{
-					name: "block-axis",
-					"description": "Elements are oriented along the box's axis."
+					name: "always",
+					"description": "Always force a page break before the generated box."
 				},
 				{
-					name: "horizontal",
-					"description": "The box displays its children from left to right in a horizontal line."
+					name: "auto",
+					"description": "Neither force nor forbid a page break before the generated box."
 				},
 				{
-					name: "inline-axis",
-					"description": "Elements are oriented vertically."
+					name: "avoid",
+					"description": "Avoid a page break before the generated box."
 				},
 				{
-					name: "vertical",
-					"description": "The box displays its children from stacked from top to bottom vertically."
+					name: "left",
+					"description": "Force one or two page breaks before the generated box so that the next page is formatted as a left page."
+				},
+				{
+					name: "right",
+					"description": "Force one or two page breaks before the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"description": "In Mozilla applications, -moz-box-orient specifies whether a box lays out its contents horizontally or vertically.",
+			"syntax": "auto | always | avoid | left | right | recto | verso",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-before"
+				}
+			],
+			"description": "Defines rules for page breaks before an element.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-moz-box-pack",
+			name: "text-decoration-style",
 			browsers: [
-				"FF1"
+				"FF36",
+				"S12.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "center",
-					"description": "The extra space is divided evenly, with half placed before the first child and the other half placed after the last child."
+					name: "dashed",
+					"description": "Produces a dashed line style."
 				},
 				{
-					name: "end",
-					"description": "For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child."
+					name: "dotted",
+					"description": "Produces a dotted line."
 				},
 				{
-					name: "justify",
-					"description": "The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start."
+					name: "double",
+					"description": "Produces a double line."
 				},
 				{
-					name: "start",
-					"description": "For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child."
+					name: "none",
+					"description": "Produces no line."
+				},
+				{
+					name: "solid",
+					"description": "Produces a solid line."
+				},
+				{
+					name: "wavy",
+					"description": "Produces a wavy line."
 				}
 			],
-			"description": "Specifies how a box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.",
+			"syntax": "solid | double | dotted | dashed | wavy",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-style"
+				}
+			],
+			"description": "Specifies the line style for underline, line-through and overline text decoration.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-moz-box-sizing",
+			name: "grid-row-gap",
 			browsers: [
-				"FF1"
+				"FF52",
+				"C57",
+				"S10.1",
+				"O44"
 			],
-			values: [
-				{
-					name: "border-box",
-					"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
-				},
-				{
-					name: "content-box",
-					"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
-				},
-				{
-					name: "padding-box",
-					"description": "The specified width and height (and respective min/max properties) on this element determine the padding box of the element."
-				}
-			],
-			"description": "Box Model addition in CSS3.",
+			"status": "obsolete",
+			"syntax": "<length-percentage>",
+			"description": "Specifies the gutters between grid rows. Replaced by 'row-gap' property.",
 			"restrictions": [
-				"enum"
+				"length"
 			]
 		},
 		{
-			name: "-moz-column-count",
+			name: "backdrop-filter",
+			"status": "experimental",
+			"syntax": "none | <filter-function-list>",
 			browsers: [
-				"FF3.5"
+				"E17",
+				"FF70",
+				"S9",
+				"C76",
+				"O34"
 			],
-			values: [
+			"references": [
 				{
-					name: "auto",
-					"description": "Determines the number of columns by the 'column-width' property and the element width."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/backdrop-filter"
 				}
 			],
-			"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
-			"restrictions": [
-				"integer"
-			]
+			"description": "The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent."
 		},
 		{
-			name: "-moz-column-gap",
+			name: "grid-auto-flow",
 			browsers: [
-				"FF3.5"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "normal",
-					"description": "User agent specific and typically equivalent to 1em."
+					name: "row",
+					"description": "The auto-placement algorithm places items by filling each row in turn, adding new rows as necessary."
+				},
+				{
+					name: "column",
+					"description": "The auto-placement algorithm places items by filling each column in turn, adding new columns as necessary."
+				},
+				{
+					name: "dense",
+					"description": "If specified, the auto-placement algorithm uses a “dense” packing algorithm, which attempts to fill in holes earlier in the grid if smaller items come up later."
 				}
 			],
-			"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
+			"syntax": "[ row | column ] || dense",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow"
+				}
+			],
+			"description": "Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.",
 			"restrictions": [
-				"length"
+				"enum"
 			]
 		},
 		{
-			name: "-moz-column-rule",
+			name: "grid-column-start",
 			browsers: [
-				"FF3.5"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
-			"description": "Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
+			values: [
+				{
+					name: "auto",
+					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+				},
+				{
+					name: "span",
+					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
+				}
+			],
+			"syntax": "<grid-line>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-start"
+				}
+			],
+			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
 			"restrictions": [
-				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"identifier",
+				"integer",
+				"enum"
 			]
 		},
 		{
-			name: "-moz-column-rule-color",
-			browsers: [
-				"FF3.5"
+			name: "column-rule-color",
+			"syntax": "<color>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-color"
+				}
 			],
 			"description": "Sets the color of the column rule",
 			"restrictions": [
@@ -7750,9756 +7514,10116 @@ export const cssData : CSSDataV1 = {
 			]
 		},
 		{
-			name: "-moz-column-rule-style",
+			name: "isolation",
 			browsers: [
-				"FF3.5"
+				"FF36",
+				"S8",
+				"C41",
+				"O30"
 			],
-			"description": "Sets the style of the rule between columns of an element.",
+			values: [
+				{
+					name: "auto",
+					"description": "Elements are not isolated unless an operation is applied that causes the creation of a stacking context."
+				},
+				{
+					name: "isolate",
+					"description": "In CSS will turn the element into a stacking context."
+				}
+			],
+			"syntax": "auto | isolate",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/isolation"
+				}
+			],
+			"description": "In CSS setting to 'isolate' will turn the element into a stacking context. In SVG, it defines whether an element is isolated or not.",
 			"restrictions": [
-				"line-style"
+				"enum"
 			]
 		},
 		{
-			name: "-moz-column-rule-width",
-			browsers: [
-				"FF3.5"
+			name: "column-rule-style",
+			"syntax": "<'border-style'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-style"
+				}
 			],
-			"description": "Sets the width of the rule between columns. Negative values are not allowed.",
+			"description": "Sets the style of the rule between columns of an element.",
 			"restrictions": [
-				"length",
-				"line-width"
+				"line-style"
 			]
 		},
 		{
-			name: "-moz-columns",
-			browsers: [
-				"FF9"
-			],
-			values: [
-				{
-					name: "auto",
-					"description": "The width depends on the values of other properties."
-				}
-			],
-			"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
+			name: "stop-color",
+			"description": "Indicates what color to use at that gradient stop.",
 			"restrictions": [
-				"length",
-				"integer"
+				"color"
 			]
 		},
 		{
-			name: "-moz-column-width",
+			name: "clip-rule",
 			browsers: [
-				"FF3.5"
+				"E",
+				"C5",
+				"FF3",
+				"IE10",
+				"O9",
+				"S6"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "The width depends on the values of other properties."
+					name: "evenodd",
+					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses."
+				},
+				{
+					name: "nonzero",
+					"description": "Determines the ‘insideness’ of a point on the canvas by drawing a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray."
 				}
 			],
-			"description": "This property describes the width of columns in multicol elements.",
+			"description": "Indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape.",
 			"restrictions": [
-				"length"
+				"enum"
 			]
 		},
 		{
-			name: "-moz-font-feature-settings",
+			name: "background-blend-mode",
 			browsers: [
-				"FF4"
+				"FF30",
+				"S8",
+				"C35",
+				"O22"
 			],
 			values: [
 				{
-					name: "\"c2cs\""
+					name: "normal",
+					"description": "Default attribute which specifies no blending"
 				},
 				{
-					name: "\"dlig\""
+					name: "multiply",
+					"description": "The source color is multiplied by the destination color and replaces the destination."
 				},
 				{
-					name: "\"kern\""
+					name: "screen",
+					"description": "Multiplies the complements of the backdrop and source color values, then complements the result."
 				},
 				{
-					name: "\"liga\""
+					name: "overlay",
+					"description": "Multiplies or screens the colors, depending on the backdrop color value."
 				},
 				{
-					name: "\"lnum\""
+					name: "darken",
+					"description": "Selects the darker of the backdrop and source colors."
 				},
 				{
-					name: "\"onum\""
+					name: "lighten",
+					"description": "Selects the lighter of the backdrop and source colors."
 				},
 				{
-					name: "\"smcp\""
+					name: "color-dodge",
+					"description": "Brightens the backdrop color to reflect the source color."
 				},
 				{
-					name: "\"swsh\""
+					name: "color-burn",
+					"description": "Darkens the backdrop color to reflect the source color."
 				},
 				{
-					name: "\"tnum\""
+					name: "hard-light",
+					"description": "Multiplies or screens the colors, depending on the source color value."
 				},
 				{
-					name: "normal",
-					"description": "No change in glyph substitution or positioning occurs."
+					name: "soft-light",
+					"description": "Darkens or lightens the colors, depending on the source color value."
 				},
 				{
-					name: "off",
+					name: "difference",
+					"description": "Subtracts the darker of the two constituent colors from the lighter color.."
+				},
+				{
+					name: "exclusion",
+					"description": "Produces an effect similar to that of the Difference mode but lower in contrast."
+				},
+				{
+					name: "hue",
 					browsers: [
-						"FF4"
-					]
+						"FF30",
+						"S8",
+						"C35",
+						"O22"
+					],
+					"description": "Creates a color with the hue of the source color and the saturation and luminosity of the backdrop color."
 				},
 				{
-					name: "on",
+					name: "saturation",
 					browsers: [
-						"FF4"
-					]
-				}
-			],
-			"description": "Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
-			"restrictions": [
-				"string",
-				"integer"
-			]
-		},
-		{
-			name: "-moz-hyphens",
-			browsers: [
-				"FF9"
-			],
-			values: [
-				{
-					name: "auto",
-					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
+						"FF30",
+						"S8",
+						"C35",
+						"O22"
+					],
+					"description": "Creates a color with the saturation of the source color and the hue and luminosity of the backdrop color."
 				},
 				{
-					name: "manual",
-					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
+					name: "color",
+					browsers: [
+						"FF30",
+						"S8",
+						"C35",
+						"O22"
+					],
+					"description": "Creates a color with the hue and saturation of the source color and the luminosity of the backdrop color."
 				},
 				{
-					name: "none",
-					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
+					name: "luminosity",
+					browsers: [
+						"FF30",
+						"S8",
+						"C35",
+						"O22"
+					],
+					"description": "Creates a color with the luminosity of the source color and the hue and saturation of the backdrop color."
 				}
 			],
-			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-moz-perspective",
-			browsers: [
-				"FF10"
-			],
-			values: [
+			"syntax": "<blend-mode>#",
+			"references": [
 				{
-					name: "none",
-					"description": "No perspective transform is applied."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/background-blend-mode"
 				}
 			],
-			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
-			"restrictions": [
-				"length"
-			]
-		},
-		{
-			name: "-moz-perspective-origin",
-			browsers: [
-				"FF10"
-			],
-			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
+			"description": "Defines the blending mode of each background layer.",
 			"restrictions": [
-				"position",
-				"percentage",
-				"length"
+				"enum"
 			]
 		},
 		{
-			name: "-moz-text-align-last",
+			name: "font-variant-numeric",
 			browsers: [
-				"FF12"
+				"FF34",
+				"S9.1",
+				"C52",
+				"O39"
 			],
 			values: [
 				{
-					name: "auto"
+					name: "diagonal-fractions",
+					"description": "Enables display of lining diagonal fractions."
 				},
 				{
-					name: "center",
-					"description": "The inline contents are centered within the line box."
+					name: "lining-nums",
+					"description": "Enables display of lining numerals."
 				},
 				{
-					name: "justify",
-					"description": "The text is justified according to the method specified by the 'text-justify' property."
+					name: "normal",
+					"description": "None of the features are enabled."
 				},
 				{
-					name: "left",
-					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
+					name: "oldstyle-nums",
+					"description": "Enables display of old-style numerals."
 				},
 				{
-					name: "right",
-					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
+					name: "ordinal",
+					"description": "Enables display of letter forms used with ordinal numbers."
+				},
+				{
+					name: "proportional-nums",
+					"description": "Enables display of proportional numerals."
+				},
+				{
+					name: "slashed-zero",
+					"description": "Enables display of slashed zeros."
+				},
+				{
+					name: "stacked-fractions",
+					"description": "Enables display of lining stacked fractions."
+				},
+				{
+					name: "tabular-nums",
+					"description": "Enables display of tabular numerals."
 				}
 			],
-			"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
+			"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric"
+				}
+			],
+			"description": "Specifies control over numerical forms.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-moz-text-decoration-color",
+			name: "grid-column-end",
 			browsers: [
-				"FF6"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
-			"description": "Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.",
+			values: [
+				{
+					name: "auto",
+					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
+				},
+				{
+					name: "span",
+					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
+				}
+			],
+			"syntax": "<grid-line>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-column-end"
+				}
+			],
+			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
 			"restrictions": [
-				"color"
+				"identifier",
+				"integer",
+				"enum"
 			]
 		},
 		{
-			name: "-moz-text-decoration-line",
+			name: "margin-block-start",
 			browsers: [
-				"FF6"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
 			values: [
 				{
-					name: "line-through",
-					"description": "Each line of text has a line through the middle."
-				},
-				{
-					name: "none",
-					"description": "Neither produces nor inhibits text decoration."
-				},
-				{
-					name: "overline",
-					"description": "Each line of text has a line above it."
-				},
+					name: "auto"
+				}
+			],
+			"syntax": "<'margin-left'>",
+			"references": [
 				{
-					name: "underline",
-					"description": "Each line of text is underlined."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block-start"
 				}
 			],
-			"description": "Specifies what line decorations, if any, are added to the element.",
+			"description": "Logical 'margin-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-moz-text-decoration-style",
-			browsers: [
-				"FF6"
-			],
+			name: "writing-mode",
 			values: [
 				{
-					name: "dashed",
-					"description": "Produces a dashed line style."
+					name: "horizontal-tb",
+					"description": "Top-to-bottom block flow direction. The writing mode is horizontal."
 				},
 				{
-					name: "dotted",
-					"description": "Produces a dotted line."
+					name: "sideways-lr",
+					"description": "Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal."
 				},
 				{
-					name: "double",
-					"description": "Produces a double line."
+					name: "sideways-rl",
+					"description": "Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal."
 				},
 				{
-					name: "none",
-					"description": "Produces no line."
+					name: "vertical-lr",
+					"description": "Left-to-right block flow direction. The writing mode is vertical."
 				},
 				{
-					name: "solid",
-					"description": "Produces a solid line."
-				},
+					name: "vertical-rl",
+					"description": "Right-to-left block flow direction. The writing mode is vertical."
+				}
+			],
+			"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
+			"references": [
 				{
-					name: "wavy",
-					"description": "Produces a wavy line."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/writing-mode"
 				}
 			],
-			"description": "Specifies the line style for underline, line-through and overline text decoration.",
+			"description": "This is a shorthand property for both 'direction' and 'block-progression'.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-moz-text-size-adjust",
-			browsers: [
-				"FF"
-			],
+			name: "shape-rendering",
 			values: [
 				{
 					name: "auto",
-					"description": "Renderers must use the default size adjustment when displaying on a small device."
+					"description": "Suppresses aural rendering."
 				},
 				{
-					name: "none",
-					"description": "Renderers must not do size adjustment when displaying on a small device."
+					name: "crispEdges",
+					"description": "Emphasize the contrast between clean edges of artwork over rendering speed and geometric precision."
+				},
+				{
+					name: "geometricPrecision",
+					"description": "Emphasize geometric precision over speed and crisp edges."
+				},
+				{
+					name: "optimizeSpeed",
+					"description": "Emphasize rendering speed over geometric precision and crisp edges."
 				}
 			],
-			"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
+			"description": "Provides hints about what tradeoffs to make as it renders vector graphics elements such as <path> elements and basic shapes such as circles and rectangles.",
 			"restrictions": [
-				"enum",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "-moz-transform",
+			name: "grid-row-start",
 			browsers: [
-				"FF3.5"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "matrix()",
-					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
+					name: "auto",
+					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
 				},
 				{
-					name: "matrix3d()",
-					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "perspective",
-					"description": "Specifies a perspective projection matrix."
-				},
-				{
-					name: "rotate()",
-					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
-				},
-				{
-					name: "rotate3d()",
-					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
-				},
-				{
-					name: "rotateX('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the X axis."
-				},
-				{
-					name: "rotateY('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
-				},
+					name: "span",
+					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
+				}
+			],
+			"syntax": "<grid-line>",
+			"references": [
 				{
-					name: "rotateZ('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-start"
+				}
+			],
+			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
+			"restrictions": [
+				"identifier",
+				"integer",
+				"enum"
+			]
+		},
+		{
+			name: "grid-auto-columns",
+			values: [
 				{
-					name: "scale()",
-					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
+					name: "min-content",
+					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
 				},
 				{
-					name: "scale3d()",
-					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
+					name: "max-content",
+					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
 				},
 				{
-					name: "scaleX()",
-					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
+					name: "auto",
+					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
 				},
 				{
-					name: "scaleY()",
-					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
-				},
+					name: "minmax()",
+					"description": "Defines a size range greater than or equal to min and less than or equal to max."
+				}
+			],
+			"syntax": "<track-size>+",
+			"references": [
 				{
-					name: "scaleZ()",
-					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns"
+				}
+			],
+			"description": "Specifies the size of implicitly created columns.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "break-after",
+			values: [
 				{
-					name: "skew()",
-					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
+					name: "always",
+					"description": "Always force a page break before/after the generated box."
 				},
 				{
-					name: "skewX()",
-					"description": "Specifies a skew transformation along the X axis by the given angle."
+					name: "auto",
+					"description": "Neither force nor forbid a page/column break before/after the principal box."
 				},
 				{
-					name: "skewY()",
-					"description": "Specifies a skew transformation along the Y axis by the given angle."
+					name: "avoid",
+					"description": "Avoid a break before/after the principal box."
 				},
 				{
-					name: "translate()",
-					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
+					name: "avoid-column",
+					"description": "Avoid a column break before/after the principal box."
 				},
 				{
-					name: "translate3d()",
-					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+					name: "avoid-page",
+					"description": "Avoid a page break before/after the principal box."
 				},
 				{
-					name: "translateX()",
-					"description": "Specifies a translation by the given amount in the X direction."
+					name: "column",
+					"description": "Always force a column break before/after the principal box."
 				},
 				{
-					name: "translateY()",
-					"description": "Specifies a translation by the given amount in the Y direction."
+					name: "left",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
 				},
 				{
-					name: "translateZ()",
-					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
-				}
-			],
-			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-moz-transform-origin",
-			browsers: [
-				"FF3.5"
-			],
-			"description": "Establishes the origin of transformation for an element.",
-			"restrictions": [
-				"position",
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "-moz-transition",
-			browsers: [
-				"FF4"
-			],
-			values: [
-				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
+					name: "page",
+					"description": "Always force a page break before/after the principal box."
 				},
 				{
-					name: "none",
-					"description": "No property will transition."
+					name: "right",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"description": "Shorthand property combines four of the transition properties into a single property.",
+			"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
+			"description": "Describes the page/column/region break behavior after the generated box.",
 			"restrictions": [
-				"time",
-				"property",
-				"timing-function",
 				"enum"
 			]
 		},
 		{
-			name: "-moz-transition-delay",
-			browsers: [
-				"FF4"
-			],
-			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
-			"restrictions": [
-				"time"
-			]
-		},
-		{
-			name: "-moz-transition-duration",
-			browsers: [
-				"FF4"
-			],
-			"description": "Specifies how long the transition from the old value to the new value should take.",
-			"restrictions": [
-				"time"
-			]
-		},
-		{
-			name: "-moz-transition-property",
+			name: "text-decoration-skip-ink",
+			"status": "experimental",
+			"syntax": "auto | none",
 			browsers: [
-				"FF4"
+				"FF70",
+				"C64",
+				"O50"
 			],
-			values: [
-				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
-				},
+			"references": [
 				{
-					name: "none",
-					"description": "No property will transition."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink"
 				}
 			],
-			"description": "Specifies the name of the CSS property to which the transition is applied.",
-			"restrictions": [
-				"property"
-			]
-		},
-		{
-			name: "-moz-transition-timing-function",
-			browsers: [
-				"FF4"
-			],
-			"description": "Describes how the intermediate values used during a transition will be calculated.",
-			"restrictions": [
-				"timing-function"
-			]
+			"description": "The text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders."
 		},
 		{
-			name: "-moz-user-focus",
+			name: "grid-row-end",
 			browsers: [
-				"FF1"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "ignore"
+					name: "auto",
+					"description": "The property contributes nothing to the grid item’s placement, indicating auto-placement, an automatic span, or a default span of one."
 				},
 				{
-					name: "normal"
+					name: "span",
+					"description": "Contributes a grid span to the grid item’s placement such that the corresponding edge of the grid item’s grid area is N lines from its opposite edge."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "ignore | normal | select-after | select-before | select-menu | select-same | select-all | none",
+			"syntax": "<grid-line>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-user-focus"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-row-end"
 				}
 			],
-			"description": "Used to indicate whether the element can have focus."
+			"description": "Determine a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement.",
+			"restrictions": [
+				"identifier",
+				"integer",
+				"enum"
+			]
 		},
 		{
-			name: "-moz-user-select",
-			browsers: [
-				"FF1.5"
-			],
+			name: "break-before",
 			values: [
 				{
-					name: "all"
+					name: "always",
+					"description": "Always force a page break before/after the generated box."
 				},
 				{
-					name: "element"
+					name: "auto",
+					"description": "Neither force nor forbid a page/column break before/after the principal box."
 				},
 				{
-					name: "elements"
+					name: "avoid",
+					"description": "Avoid a break before/after the principal box."
 				},
 				{
-					name: "-moz-all"
+					name: "avoid-column",
+					"description": "Avoid a column break before/after the principal box."
 				},
 				{
-					name: "-moz-none"
+					name: "avoid-page",
+					"description": "Avoid a page break before/after the principal box."
 				},
 				{
-					name: "none"
+					name: "column",
+					"description": "Always force a column break before/after the principal box."
 				},
 				{
-					name: "text"
+					name: "left",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
 				},
 				{
-					name: "toggle"
+					name: "page",
+					"description": "Always force a page break before/after the principal box."
+				},
+				{
+					name: "right",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"description": "Controls the appearance of selection.",
+			"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
+			"description": "Describes the page/column/region break behavior before the generated box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-accelerator",
+			name: "font-variant-caps",
 			browsers: [
-				"E",
-				"IE10"
+				"FF34",
+				"C52",
+				"O39"
 			],
 			values: [
 				{
-					name: "false",
-					"description": "The element does not contain an accelerator key sequence."
+					name: "all-petite-caps",
+					"description": "Enables display of petite capitals for both upper and lowercase letters."
 				},
 				{
-					name: "true",
-					"description": "The element contains an accelerator key sequence."
+					name: "all-small-caps",
+					"description": "Enables display of small capitals for both upper and lowercase letters."
+				},
+				{
+					name: "normal",
+					"description": "None of the features are enabled."
+				},
+				{
+					name: "petite-caps",
+					"description": "Enables display of petite capitals."
+				},
+				{
+					name: "small-caps",
+					"description": "Enables display of small capitals. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters."
+				},
+				{
+					name: "titling-caps",
+					"description": "Enables display of titling capitals."
+				},
+				{
+					name: "unicase",
+					"description": "Enables display of mixture of small capitals for uppercase letters with normal lowercase letters."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "false | true",
-			"description": "IE only. Has the ability to turn off its system underlines for accelerator keys until the ALT key is pressed",
+			"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-caps"
+				}
+			],
+			"description": "Specifies control over capitalized forms.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-behavior",
-			browsers: [
-				"IE8"
-			],
-			"description": "IE only. Used to extend behaviors of the browser",
+			name: "stop-opacity",
+			"description": "Defines the opacity of a given gradient stop.",
 			"restrictions": [
-				"url"
+				"number(0-1)"
 			]
 		},
 		{
-			name: "-ms-block-progression",
-			browsers: [
-				"IE8"
-			],
+			name: "column-span",
 			values: [
 				{
-					name: "bt",
-					"description": "Bottom-to-top block flow. Layout is horizontal."
-				},
-				{
-					name: "lr",
-					"description": "Left-to-right direction. The flow orientation is vertical."
+					name: "all",
+					"description": "The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear."
 				},
 				{
-					name: "rl",
-					"description": "Right-to-left direction. The flow orientation is vertical."
-				},
+					name: "none",
+					"description": "The element does not span multiple columns."
+				}
+			],
+			"syntax": "none | all",
+			"references": [
 				{
-					name: "tb",
-					"description": "Top-to-bottom direction. The flow orientation is horizontal."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-span"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "tb | rl | bt | lr",
-			"description": "Sets the block-progression value and the flow orientation",
+			"description": "Describes the page/column break behavior after the generated box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-content-zoom-chaining",
-			browsers: [
-				"E",
-				"IE10"
-			],
+			name: "text-anchor",
 			values: [
 				{
-					name: "chained",
-					"description": "The nearest zoomable parent element begins zooming when the user hits a zoom limit during a manipulation. No bounce effect is shown."
+					name: "end",
+					"description": "The rendered characters are aligned such that the end of the resulting rendered text is at the initial current text position."
 				},
 				{
-					name: "none",
-					"description": "A bounce effect is shown when the user hits a zoom limit during a manipulation."
-				}
-			],
-			"status": "nonstandard",
-			"syntax": "none | chained",
-			"description": "Specifies the zoom behavior that occurs when a user hits the zoom limit during a manipulation."
-		},
-		{
-			name: "-ms-content-zooming",
-			browsers: [
-				"E",
-				"IE10"
-			],
-			values: [
-				{
-					name: "none",
-					"description": "The element is not zoomable."
+					name: "middle",
+					"description": "The rendered characters are aligned such that the geometric middle of the resulting rendered text is at the initial current text position."
 				},
 				{
-					name: "zoom",
-					"description": "The element is zoomable."
+					name: "start",
+					"description": "The rendered characters are aligned such that the start of the resulting rendered text is at the initial current text position."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | zoom",
-			"description": "Specifies whether zooming is enabled.",
+			"description": "Used to align (start-, middle- or end-alignment) a string of text relative to a given point.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-content-zoom-limit",
-			browsers: [
-				"E",
-				"IE10"
+			name: "column-rule-width",
+			"syntax": "<'border-width'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-width"
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>",
-			"description": "Shorthand property for the -ms-content-zoom-limit-min and -ms-content-zoom-limit-max properties.",
+			"description": "Sets the width of the rule between columns. Negative values are not allowed.",
 			"restrictions": [
-				"percentage"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "-ms-content-zoom-limit-max",
+			name: "mask",
+			"syntax": "<mask-layer>#",
 			browsers: [
-				"E",
-				"IE10"
+				"E12",
+				"FF2",
+				"S3.2",
+				"C1",
+				"O15"
 			],
-			"status": "nonstandard",
-			"syntax": "<percentage>",
-			"description": "Specifies the maximum zoom factor.",
-			"restrictions": [
-				"percentage"
-			]
-		},
-		{
-			name: "-ms-content-zoom-limit-min",
-			browsers: [
-				"E",
-				"IE10"
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask"
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<percentage>",
-			"description": "Specifies the minimum zoom factor.",
-			"restrictions": [
-				"percentage"
-			]
+			"description": "The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points."
 		},
 		{
-			name: "-ms-content-zoom-snap",
+			name: "text-underline-position",
 			browsers: [
-				"E",
-				"IE10"
+				"E12",
+				"C33",
+				"IE6"
 			],
 			values: [
 				{
-					name: "mandatory",
-					"description": "Indicates that the motion of the content after the contact is picked up is always adjusted so that it lands on a snap-point."
-				},
-				{
-					name: "none",
-					"description": "Indicates that zooming is unaffected by any defined snap-points."
-				},
-				{
-					name: "proximity",
-					"description": "Indicates that the motion of the content after the contact is picked up may be adjusted if the content would normally stop \"close enough\" to a snap-point."
+					name: "above"
 				},
 				{
-					name: "snapInterval(100%, 100%)",
-					"description": "Specifies where the snap-points will be placed."
+					name: "auto",
+					"description": "The user agent may use any algorithm to determine the underline’s position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over."
 				},
 				{
-					name: "snapList()",
-					"description": "Specifies the position of individual snap-points as a comma-separated list of zoom factors."
+					name: "below",
+					"description": "The underline is aligned with the under edge of the element’s content box."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>",
-			"description": "Shorthand property for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points properties."
-		},
-		{
-			name: "-ms-content-zoom-snap-points",
-			browsers: [
-				"E",
-				"IE10"
-			],
-			values: [
-				{
-					name: "snapInterval(100%, 100%)",
-					"description": "Specifies where the snap-points will be placed."
-				},
+			"syntax": "auto | [ under || [ left | right ] ]",
+			"references": [
 				{
-					name: "snapList()",
-					"description": "Specifies the position of individual snap-points as a comma-separated list of zoom factors."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-underline-position"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )",
-			"description": "Defines where zoom snap-points are located."
+			"description": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements. This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text",
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "-ms-content-zoom-snap-type",
+			name: "mask-type",
 			browsers: [
-				"E",
-				"IE10"
+				"FF35",
+				"S6.1",
+				"C24",
+				"O15"
 			],
 			values: [
 				{
-					name: "mandatory",
-					"description": "Indicates that the motion of the content after the contact is picked up is always adjusted so that it lands on a snap-point."
+					name: "alpha",
+					"description": "Indicates that the alpha values of the mask should be used."
 				},
 				{
-					name: "none",
-					"description": "Indicates that zooming is unaffected by any defined snap-points."
-				},
+					name: "luminance",
+					"description": "Indicates that the luminance values of the mask should be used."
+				}
+			],
+			"syntax": "luminance | alpha",
+			"references": [
 				{
-					name: "proximity",
-					"description": "Indicates that the motion of the content after the contact is picked up may be adjusted if the content would normally stop \"close enough\" to a snap-point."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-type"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | proximity | mandatory",
-			"description": "Specifies how zooming is affected by defined snap-points.",
+			"description": "Defines whether the content of the <mask> element is treated as as luminance mask or alpha mask.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-filter",
-			browsers: [
-				"IE8-9"
-			],
-			"status": "nonstandard",
-			"syntax": "<string>",
-			"description": "IE only. Used to produce visual effects.",
-			"restrictions": [
-				"string"
-			]
-		},
-		{
-			name: "-ms-flex",
+			name: "font-variant-east-asian",
 			browsers: [
-				"IE10"
+				"FF34",
+				"C63",
+				"O50"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "Retrieves the value of the main size property as the used 'flex-basis'."
+					name: "full-width",
+					"description": "Enables rendering of full-width variants."
 				},
 				{
-					name: "none",
-					"description": "Expands to '0 0 auto'."
-				}
-			],
-			"description": "specifies the parameters of a flexible length: the positive and negative flexibility, and the preferred size.",
-			"restrictions": [
-				"length",
-				"number",
-				"percentage"
-			]
-		},
-		{
-			name: "-ms-flex-align",
-			browsers: [
-				"IE10"
-			],
-			values: [
-				{
-					name: "baseline",
-					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
+					name: "jis04",
+					"description": "Enables rendering of JIS04 forms."
 				},
 				{
-					name: "center",
-					"description": "The flex item’s margin box is centered in the cross axis within the line."
+					name: "jis78",
+					"description": "Enables rendering of JIS78 forms."
 				},
 				{
-					name: "end",
-					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
+					name: "jis83",
+					"description": "Enables rendering of JIS83 forms."
 				},
 				{
-					name: "start",
-					"description": "The cross-start margin edge of the flexbox item is placed flush with the cross-start edge of the line."
+					name: "jis90",
+					"description": "Enables rendering of JIS90 forms."
 				},
 				{
-					name: "stretch",
-					"description": "If the cross size property of the flexbox item is anything other than 'auto', this value is identical to 'start'."
-				}
-			],
-			"description": "Aligns flex items along the cross axis of the current line of the flex container.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-ms-flex-direction",
-			browsers: [
-				"IE10"
-			],
-			values: [
+					name: "normal",
+					"description": "None of the features are enabled."
+				},
 				{
-					name: "column",
-					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
+					name: "proportional-width",
+					"description": "Enables rendering of proportionally-spaced variants."
 				},
 				{
-					name: "column-reverse",
-					"description": "Same as 'column', except the main-start and main-end directions are swapped."
+					name: "ruby",
+					"description": "Enables display of ruby variant glyphs."
 				},
 				{
-					name: "row",
-					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
+					name: "simplified",
+					"description": "Enables rendering of simplified forms."
 				},
 				{
-					name: "row-reverse",
-					"description": "Same as 'row', except the main-start and main-end directions are swapped."
+					name: "traditional",
+					"description": "Enables rendering of traditional forms."
 				}
 			],
-			"description": "Specifies how flex items are placed in the flex container, by setting the direction of the flex container’s main axis.",
+			"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian"
+				}
+			],
+			"description": "Allows control of glyph substitute and positioning in East Asian text.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-flex-flow",
+			name: "border-inline-end-width",
 			browsers: [
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "column",
-					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
-				},
-				{
-					name: "column-reverse",
-					"description": "Same as 'column', except the main-start and main-end directions are swapped."
-				},
-				{
-					name: "nowrap",
-					"description": "The flex container is single-line."
-				},
-				{
-					name: "row",
-					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
-				},
-				{
-					name: "wrap",
-					"description": "The flexbox is multi-line."
-				},
+			"syntax": "<'border-top-width'>",
+			"references": [
 				{
-					name: "wrap-reverse",
-					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width"
 				}
 			],
-			"description": "Specifies how flexbox items are placed in the flexbox.",
+			"description": "Logical 'border-right-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "-ms-flex-item-align",
+			name: "border-inline-start-width",
 			browsers: [
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "Computes to the value of 'align-items' on the element’s parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself."
-				},
-				{
-					name: "baseline",
-					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
-				},
-				{
-					name: "center",
-					"description": "The flex item’s margin box is centered in the cross axis within the line."
-				},
-				{
-					name: "end",
-					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
-				},
-				{
-					name: "start",
-					"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
-				},
+			"syntax": "<'border-top-width'>",
+			"references": [
 				{
-					name: "stretch",
-					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width"
 				}
 			],
-			"description": "Allows the default alignment along the cross axis to be overridden for individual flex items.",
+			"description": "Logical 'border-left-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "-ms-flex-line-pack",
+			name: "text-orientation",
 			browsers: [
-				"IE10"
+				"FF41",
+				"S5.1",
+				"C48",
+				"O15"
 			],
 			values: [
 				{
-					name: "center",
-					"description": "Lines are packed toward the center of the flex container."
-				},
-				{
-					name: "distribute",
-					"description": "Lines are evenly distributed in the flex container, with half-size spaces on either end."
-				},
-				{
-					name: "end",
-					"description": "Lines are packed toward the end of the flex container."
+					name: "sideways",
+					browsers: [
+						"FF41",
+						"S5.1",
+						"C48",
+						"O15"
+					],
+					"description": "This value is equivalent to 'sideways-right' in 'vertical-rl' writing mode and equivalent to 'sideways-left' in 'vertical-lr' writing mode."
 				},
 				{
-					name: "justify",
-					"description": "Lines are evenly distributed in the flex container."
+					name: "sideways-right",
+					browsers: [
+						"FF41",
+						"S5.1",
+						"C48",
+						"O15"
+					],
+					"description": "In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° clockwise."
 				},
 				{
-					name: "start",
-					"description": "Lines are packed toward the start of the flex container."
-				},
+					name: "upright",
+					"description": "In vertical writing modes, characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation."
+				}
+			],
+			"syntax": "mixed | upright | sideways",
+			"references": [
 				{
-					name: "stretch",
-					"description": "Lines stretch to take up the remaining space."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-orientation"
 				}
 			],
-			"description": "Aligns a flex container’s lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis.",
+			"description": "Specifies the orientation of text within a line.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-flex-order",
+			name: "shape-margin",
 			browsers: [
-				"IE10"
+				"FF62",
+				"S10.1",
+				"C37",
+				"O24"
 			],
-			"description": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.",
-			"restrictions": [
-				"integer"
-			]
-		},
-		{
-			name: "-ms-flex-pack",
-			browsers: [
-				"IE10"
-			],
-			values: [
-				{
-					name: "center",
-					"description": "Flex items are packed toward the center of the line."
-				},
-				{
-					name: "distribute",
-					"description": "Flex items are evenly distributed in the line, with half-size spaces on either end."
-				},
-				{
-					name: "end",
-					"description": "Flex items are packed toward the end of the line."
-				},
-				{
-					name: "justify",
-					"description": "Flex items are evenly distributed in the line."
-				},
+			"syntax": "<length-percentage>",
+			"references": [
 				{
-					name: "start",
-					"description": "Flex items are packed toward the start of the line."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/shape-margin"
 				}
 			],
-			"description": "Aligns flex items along the main axis of the current line of the flex container.",
+			"description": "Adds a margin to a 'shape-outside'. This defines a new shape that is the smallest contour that includes all the points that are the 'shape-margin' distance outward in the perpendicular direction from a point on the underlying shape.",
 			"restrictions": [
-				"enum"
+				"url",
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-flex-wrap",
+			name: "shape-image-threshold",
 			browsers: [
-				"IE10"
+				"FF62",
+				"S10.1",
+				"C37",
+				"O24"
 			],
-			values: [
-				{
-					name: "nowrap",
-					"description": "The flex container is single-line."
-				},
-				{
-					name: "wrap",
-					"description": "The flexbox is multi-line."
-				},
+			"syntax": "<number>",
+			"references": [
 				{
-					name: "wrap-reverse",
-					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold"
 				}
 			],
-			"description": "Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in.",
+			"description": "Defines the alpha channel threshold used to extract the shape using an image. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.",
 			"restrictions": [
-				"enum"
+				"number"
 			]
 		},
 		{
-			name: "-ms-flow-from",
+			name: "min-inline-size",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C57",
+				"O44"
 			],
-			values: [
+			"syntax": "<'min-width'>",
+			"references": [
 				{
-					name: "none",
-					"description": "The block container is not a CSS Region."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/min-inline-size"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "[ none | <custom-ident> ]#",
-			"description": "Makes a block container a region and associates it with a named flow.",
+			"description": "Logical 'min-height'. Mapping depends on the element’s 'writing-mode'.",
 			"restrictions": [
-				"identifier"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-flow-into",
+			name: "inline-size",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "none",
-					"description": "The element is not moved to a named flow and normal CSS processing takes place."
+					name: "auto",
+					"description": "Depends on the values of other properties."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "[ none | <custom-ident> ]#",
-			"description": "Places an element or its contents into a named flow.",
+			"syntax": "<'width'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inline-size"
+				}
+			],
+			"description": "Logical 'height'. Mapping depends on the element’s 'writing-mode'.",
 			"restrictions": [
-				"identifier"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-grid-column",
+			name: "text-combine-upright",
+			"syntax": "none | all | [ digits <integer>? ]",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-combine-upright"
+				}
+			],
+			"description": "The text-combine-upright CSS property specifies the combination of multiple characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.\n\nThis is used to produce an effect that is known as tate-chū-yoko (縦中横) in Japanese, or as 直書橫向 in Chinese."
+		},
+		{
+			name: "block-size",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "auto"
-				},
-				{
-					name: "end"
-				},
+					name: "auto",
+					"description": "Depends on the values of other properties."
+				}
+			],
+			"syntax": "<'width'>",
+			"references": [
 				{
-					name: "start"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/block-size"
 				}
 			],
-			"description": "Used to place grid items and explicitly defined grid cells in the Grid.",
+			"description": "Logical 'width'. Mapping depends on the element’s 'writing-mode'.",
 			"restrictions": [
-				"integer",
-				"string",
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-grid-column-align",
+			name: "min-block-size",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C57",
+				"O44"
 			],
-			values: [
-				{
-					name: "center",
-					"description": "Places the center of the Grid Item's margin box at the center of the Grid Item's column."
-				},
-				{
-					name: "end",
-					"description": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's column."
-				},
-				{
-					name: "start",
-					"description": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's column."
-				},
+			"syntax": "<'min-width'>",
+			"references": [
 				{
-					name: "stretch",
-					"description": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's column."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/min-block-size"
 				}
 			],
-			"description": "Aligns the columns in a grid.",
+			"description": "Logical 'min-width'. Mapping depends on the element’s 'writing-mode'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-grid-columns",
+			name: "padding-block-start",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			"description": "Lays out the columns of the grid."
-		},
-		{
-			name: "-ms-grid-column-span",
-			browsers: [
-				"E",
-				"IE10"
+			"syntax": "<'padding-left'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block-start"
+				}
 			],
-			"description": "Specifies the number of columns to span.",
+			"description": "Logical 'padding-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"integer"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-grid-layer",
+			name: "padding-block-end",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			"description": "Grid-layer is similar in concept to z-index, but avoids overloading the meaning of the z-index property, which is applicable only to positioned elements.",
+			"syntax": "<'padding-left'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block-end"
+				}
+			],
+			"description": "Logical 'padding-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"integer"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-grid-row",
+			name: "border-inline-start-color",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "auto"
-				},
-				{
-					name: "end"
-				},
+			"syntax": "<'border-top-color'>",
+			"references": [
 				{
-					name: "start"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color"
 				}
 			],
-			"description": "grid-row is used to place grid items and explicitly defined grid cells in the Grid.",
+			"description": "Logical 'border-left-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"integer",
-				"string",
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-ms-grid-row-align",
+			name: "border-inline-end-color",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "center",
-					"description": "Places the center of the Grid Item's margin box at the center of the Grid Item's row."
-				},
-				{
-					name: "end",
-					"description": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's row."
-				},
-				{
-					name: "start",
-					"description": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's row."
-				},
+			"syntax": "<'border-top-color'>",
+			"references": [
 				{
-					name: "stretch",
-					"description": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's row."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color"
 				}
 			],
-			"description": "Aligns the rows in a grid.",
+			"description": "Logical 'border-right-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-ms-grid-rows",
+			name: "border-inline-end-style",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			"description": "Lays out the columns of the grid."
-		},
-		{
-			name: "-ms-grid-row-span",
-			browsers: [
-				"E",
-				"IE10"
+			"syntax": "<'border-top-style'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style"
+				}
 			],
-			"description": "Specifies the number of rows to span.",
+			"description": "Logical 'border-right-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"integer"
+				"line-style"
 			]
 		},
 		{
-			name: "-ms-high-contrast-adjust",
+			name: "border-inline-start-style",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "Properties will be adjusted as applicable."
-				},
+			"syntax": "<'border-top-style'>",
+			"references": [
 				{
-					name: "none",
-					"description": "No adjustments will be applied."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "auto | none",
-			"description": "Specifies if properties should be adjusted in high contrast mode.",
+			"description": "Logical 'border-left-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"line-style"
 			]
 		},
 		{
-			name: "-ms-hyphenate-limit-chars",
+			name: "border-block-end-style",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
+			"syntax": "<'border-top-style'>",
+			"references": [
 				{
-					name: "auto",
-					"description": "The user agent chooses a value that adapts to the current layout."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-style"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "auto | <integer>{1,3}",
-			"description": "Specifies the minimum number of characters in a hyphenated word.",
+			"description": "Logical 'border-bottom-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"integer"
+				"line-style"
 			]
 		},
 		{
-			name: "-ms-hyphenate-limit-lines",
+			name: "border-block-end-color",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
+			"syntax": "<'border-top-color'>",
+			"references": [
 				{
-					name: "no-limit",
-					"description": "There is no limit."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-color"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "no-limit | <integer>",
-			"description": "Indicates the maximum number of successive hyphenated lines in an element.",
+			"description": "Logical 'border-bottom-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"integer"
+				"color"
 			]
 		},
 		{
-			name: "-ms-hyphenate-limit-zone",
+			name: "border-block-start-style",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			"status": "nonstandard",
-			"syntax": "<percentage> | <length>",
-			"description": "Specifies the maximum amount of unfilled space (before justification) that may be left in the line box before hyphenation is triggered to pull part of a word from the next line back up into the current line.",
+			"syntax": "<'border-top-style'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-style"
+				}
+			],
+			"description": "Logical 'border-top-style'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"percentage",
-				"length"
+				"line-style"
 			]
 		},
 		{
-			name: "-ms-hyphens",
+			name: "border-block-start-color",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
-				},
-				{
-					name: "manual",
-					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
-				},
+			"syntax": "<'border-top-color'>",
+			"references": [
 				{
-					name: "none",
-					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-color"
 				}
 			],
-			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
+			"description": "Logical 'border-top-color'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-ms-ime-mode",
+			name: "border-block-start-width",
 			browsers: [
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "active",
-					"description": "The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it."
-				},
-				{
-					name: "auto",
-					"description": "No change is made to the current input method editor state. This is the default."
-				},
-				{
-					name: "disabled",
-					"description": "The input method editor is disabled and may not be activated by the user."
-				},
-				{
-					name: "inactive",
-					"description": "The input method editor is initially inactive, but the user may activate it if they wish."
-				},
+			"syntax": "<'border-top-width'>",
+			"references": [
 				{
-					name: "normal",
-					"description": "The IME state should be normal; this value can be used in a user style sheet to override the page setting."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-width"
 				}
 			],
-			"description": "Controls the state of the input method editor for text fields.",
+			"description": "Logical 'border-top-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "-ms-interpolation-mode",
+			name: "border-block-end-width",
 			browsers: [
-				"IE7"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "bicubic"
-				},
+			"syntax": "<'border-top-width'>",
+			"references": [
 				{
-					name: "nearest-neighbor"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-width"
 				}
 			],
-			"description": "Gets or sets the interpolation (resampling) method used to stretch images.",
+			"description": "Logical 'border-bottom-width'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "-ms-layout-grid",
+			name: "row-gap",
+			"syntax": "normal | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"E16",
+				"FF63",
+				"S10.1",
+				"C66",
+				"O53"
+			],
+			"description": "The row-gap CSS property specifies the gutter between grid rows."
+		},
+		{
+			name: "grid-template",
+			browsers: [
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "char",
-					"description": "Any of the range of character values available to the -ms-layout-grid-char property."
+					name: "none",
+					"description": "Sets all three properties to their initial values."
 				},
 				{
-					name: "line",
-					"description": "Any of the range of line values available to the -ms-layout-grid-line property."
+					name: "min-content",
+					"description": "Represents the largest min-content contribution of the grid items occupying the grid track."
 				},
 				{
-					name: "mode",
-					"description": "Any of the range of mode values available to the -ms-layout-grid-mode property."
-				},
-				{
-					name: "type",
-					"description": "Any of the range of type values available to the -ms-layout-grid-type property."
-				}
-			],
-			"description": "Sets or retrieves the composite document grid properties that specify the layout of text characters."
-		},
-		{
-			name: "-ms-layout-grid-char",
-			browsers: [
-				"E",
-				"IE10"
-			],
-			values: [
+					name: "max-content",
+					"description": "Represents the largest max-content contribution of the grid items occupying the grid track."
+				},
 				{
 					name: "auto",
-					"description": "Largest character in the font of the element is used to set the character grid."
+					"description": "As a maximum, identical to 'max-content'. As a minimum, represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track."
 				},
 				{
-					name: "none",
-					"description": "Default. No character grid is set."
+					name: "subgrid",
+					"description": "Sets 'grid-template-rows' and 'grid-template-columns' to 'subgrid', and 'grid-template-areas' to its initial value."
+				},
+				{
+					name: "minmax()",
+					"description": "Defines a size range greater than or equal to min and less than or equal to max."
+				},
+				{
+					name: "repeat()",
+					"description": "Represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form."
 				}
 			],
-			"description": "Sets or retrieves the size of the character grid used for rendering the text content of an element.",
+			"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid-template"
+				}
+			],
+			"description": "Shorthand for setting grid-template-columns, grid-template-rows, and grid-template-areas in a single declaration.",
 			"restrictions": [
-				"enum",
+				"identifier",
 				"length",
-				"percentage"
+				"percentage",
+				"string",
+				"enum"
 			]
 		},
 		{
-			name: "-ms-layout-grid-line",
+			name: "color-interpolation-filters",
 			browsers: [
 				"E",
-				"IE10"
+				"C5",
+				"FF3",
+				"IE10",
+				"O9",
+				"S6"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "Largest character in the font of the element is used to set the character grid."
+					"description": "Color operations are not required to occur in a particular color space."
 				},
 				{
-					name: "none",
-					"description": "Default. No grid line is set."
+					name: "linearRGB",
+					"description": "Color operations should occur in the linearized RGB color space."
+				},
+				{
+					name: "sRGB",
+					"description": "Color operations should occur in the sRGB color space."
 				}
 			],
-			"description": "Sets or retrieves the gridline value used for rendering the text content of an element.",
+			"description": "Specifies the color space for imaging operations performed via filter effects.",
 			"restrictions": [
-				"length"
+				"enum"
 			]
 		},
 		{
-			name: "-ms-layout-grid-mode",
+			name: "paint-order",
 			browsers: [
-				"E",
-				"IE10"
+				"E17",
+				"FF60",
+				"S8",
+				"C35",
+				"O22"
 			],
 			values: [
 				{
-					name: "both",
-					"description": "Default. Both the char and line grid modes are enabled. This setting is necessary to fully enable the layout grid on an element."
+					name: "fill"
 				},
 				{
-					name: "char",
-					"description": "Only a character grid is used. This is recommended for use with block-level elements, such as a blockquote, where the line grid is intended to be disabled."
+					name: "markers"
 				},
 				{
-					name: "line",
-					"description": "Only a line grid is used. This is recommended for use with inline elements, such as a span, to disable the horizontal grid on runs of text that act as a single entity in the grid layout."
+					name: "normal",
+					"description": "The element is painted with the standard order of painting operations: the 'fill' is painted first, then its 'stroke' and finally its markers."
 				},
 				{
-					name: "none",
-					"description": "No grid is used."
+					name: "stroke"
 				}
 			],
-			"description": "Gets or sets whether the text layout grid uses two dimensions.",
+			"status": "experimental",
+			"syntax": "normal | [ fill || stroke || markers ]",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/paint-order"
+				}
+			],
+			"description": "Controls the order that the three paint operations that shapes and text are rendered with: their fill, their stroke and any markers they might have.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-layout-grid-type",
+			name: "flood-color",
 			browsers: [
 				"E",
-				"IE10"
-			],
-			values: [
-				{
-					name: "fixed",
-					"description": "Grid used for monospaced layout. All noncursive characters are treated as equal; every character is centered within a single grid space by default."
-				},
-				{
-					name: "loose",
-					"description": "Default. Grid used for Japanese and Korean characters."
-				},
-				{
-					name: "strict",
-					"description": "Grid used for Chinese, as well as Japanese (Genko) and Korean characters. Only the ideographs, kanas, and wide characters are snapped to the grid."
-				}
+				"C5",
+				"FF3",
+				"IE10",
+				"O9",
+				"S6"
 			],
-			"description": "Sets or retrieves the type of grid used for rendering the text content of an element.",
+			"description": "Indicates what color to use to flood the current filter primitive subregion.",
 			"restrictions": [
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-ms-line-break",
+			name: "flood-opacity",
 			browsers: [
 				"E",
-				"IE10"
+				"C5",
+				"FF3",
+				"IE10",
+				"O9",
+				"S6"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines."
-				},
-				{
-					name: "keep-all",
-					"description": "Sequences of CJK characters can no longer break on implied break points. This option should only be used where the presence of word separator characters still creates line-breaking opportunities, as in Korean."
-				},
-				{
-					name: "newspaper",
-					"description": "Breaks CJK scripts using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers."
-				},
-				{
-					name: "normal",
-					"description": "Breaks CJK scripts using a normal set of line-breaking rules."
-				},
+			"description": "Indicates what opacity to use to flood the current filter primitive subregion.",
+			"restrictions": [
+				"number(0-1)",
+				"percentage"
+			]
+		},
+		{
+			name: "scroll-snap-stop",
+			"syntax": "normal | always",
+			browsers: [
+				"C75"
+			],
+			"references": [
 				{
-					name: "strict",
-					"description": "Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop"
 				}
 			],
-			"description": "Specifies what set of line breaking restrictions are in effect within the element.",
+			"description": "The scroll-snap-stop CSS property defines whether the scroll container is allowed to \"pass over\" possible snap positions."
+		},
+		{
+			name: "lighting-color",
+			browsers: [
+				"E",
+				"C5",
+				"FF3",
+				"IE10",
+				"O9",
+				"S6"
+			],
+			"description": "Defines the color of the light source for filter primitives 'feDiffuseLighting' and 'feSpecularLighting'.",
 			"restrictions": [
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-ms-overflow-style",
+			name: "scroll-padding-left",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
+			],
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left"
+				}
 			],
+			"description": "The scroll-padding-left property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+		},
+		{
+			name: "marker-end",
 			values: [
 				{
-					name: "auto",
-					"description": "No preference, UA should use the first scrolling method in the list that it supports."
+					name: "none",
+					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
 				},
 				{
-					name: "-ms-autohiding-scrollbar",
-					"description": "Indicates the element displays auto-hiding scrollbars during mouse interactions and panning indicators during touch and keyboard interactions."
-				},
+					name: "url()",
+					"description": "Indicates that the <marker> element referenced will be used."
+				}
+			],
+			"description": "Specifies the marker that will be drawn at the last vertices of the given markable element.",
+			"restrictions": [
+				"url"
+			]
+		},
+		{
+			name: "marker-start",
+			values: [
 				{
 					name: "none",
-					"description": "Indicates the element does not display scrollbars or panning indicators, even when its content overflows."
+					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
 				},
 				{
-					name: "scrollbar",
-					"description": "Scrollbars are typically narrow strips inserted on one or two edges of an element and which often have arrows to click on and a \"thumb\" to drag up and down (or left and right) to move the contents of the element."
+					name: "url()",
+					"description": "Indicates that the <marker> element referenced will be used."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "auto | none | scrollbar | -ms-autohiding-scrollbar",
-			"description": "Specify whether content is clipped when it overflows the element's content area.",
+			"description": "Specifies the marker that will be drawn at the first vertices of the given markable element.",
 			"restrictions": [
-				"enum"
+				"url"
 			]
 		},
 		{
-			name: "-ms-perspective",
-			browsers: [
-				"IE10"
-			],
+			name: "marker-mid",
 			values: [
 				{
 					name: "none",
-					"description": "No perspective transform is applied."
+					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
+				},
+				{
+					name: "url()",
+					"description": "Indicates that the <marker> element referenced will be used."
 				}
 			],
-			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
+			"description": "Specifies the marker that will be drawn at all vertices except the first and last.",
 			"restrictions": [
-				"length"
+				"url"
 			]
 		},
 		{
-			name: "-ms-perspective-origin",
+			name: "offset-distance",
+			"status": "experimental",
+			"syntax": "<length-percentage>",
 			browsers: [
-				"IE10"
-			],
-			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
-			"restrictions": [
-				"position",
-				"percentage",
-				"length"
-			]
-		},
-		{
-			name: "-ms-perspective-origin-x",
-			browsers: [
-				"IE10"
+				"FF69",
+				"C55",
+				"O42"
 			],
-			"description": "Establishes the origin for the perspective property. It effectively sets the X  position at which the viewer appears to be looking at the children of the element.",
-			"restrictions": [
-				"position",
-				"percentage",
-				"length"
-			]
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/offset-distance"
+				}
+			],
+			"description": "The offset-distance CSS property specifies a position along an offset-path."
 		},
 		{
-			name: "-ms-perspective-origin-y",
+			name: "place-content",
+			"syntax": "<'align-content'> <'justify-content'>?",
 			browsers: [
-				"IE10"
+				"FF53",
+				"S9",
+				"C59",
+				"O"
 			],
-			"description": "Establishes the origin for the perspective property. It effectively sets the Y position at which the viewer appears to be looking at the children of the element.",
-			"restrictions": [
-				"position",
-				"percentage",
-				"length"
-			]
+			"description": "The place-content CSS shorthand property sets both the align-content and justify-content properties."
 		},
 		{
-			name: "-ms-progress-appearance",
+			name: "font-variation-settings",
+			"syntax": "normal | [ <string> <number> ]#",
 			browsers: [
-				"IE10"
+				"E17",
+				"FF62",
+				"S11",
+				"C62",
+				"O49"
 			],
-			values: [
-				{
-					name: "bar"
-				},
+			"references": [
 				{
-					name: "ring"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variation-settings"
 				}
 			],
-			"description": "Gets or sets a value that specifies whether a progress control displays as a bar or a ring.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-ms-scrollbar-3dlight-color",
-			browsers: [
-				"IE8"
-			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
-			"restrictions": [
-				"color"
-			]
+			"description": "The font-variation-settings CSS property provides low-level control over OpenType or TrueType font variations, by specifying the four letter axis names of the features you want to vary, along with their variation values."
 		},
 		{
-			name: "-ms-scrollbar-arrow-color",
+			name: "offset-path",
+			"status": "experimental",
+			"syntax": "none | ray( [ <angle> && <size>? && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
 			browsers: [
-				"IE8"
+				"FF63",
+				"C55",
+				"O45"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the arrow elements of a scroll arrow.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "-ms-scrollbar-base-color",
-			browsers: [
-				"IE8"
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/offset-path"
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.",
-			"restrictions": [
-				"color"
-			]
+			"description": "The offset-path CSS property specifies the offset path where the element gets positioned. The exact element’s position on the offset path is determined by the offset-distance property. An offset path is either a specified path with one or multiple sub-paths or the geometry of a not-styled basic shape. Each shape or path must define an initial position for the computed value of \"0\" for offset-distance and an initial direction which specifies the rotation of the object to the initial position.\n\nIn this specification, a direction (or rotation) of 0 degrees is equivalent to the direction of the positive x-axis in the object’s local coordinate system. In other words, a rotation of 0 degree points to the right side of the UA if the object and its ancestors have no transformation applied."
 		},
 		{
-			name: "-ms-scrollbar-darkshadow-color",
+			name: "offset-rotate",
+			"status": "experimental",
+			"syntax": "[ auto | reverse ] || <angle>",
 			browsers: [
-				"IE8"
+				"FF69",
+				"C56",
+				"O43"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the gutter of a scroll bar.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "-ms-scrollbar-face-color",
-			browsers: [
-				"IE8"
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/offset-rotate"
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the scroll box and scroll arrows of a scroll bar.",
-			"restrictions": [
-				"color"
-			]
+			"description": "The offset-rotate CSS property defines the direction of the element while positioning along the offset path."
 		},
 		{
-			name: "-ms-scrollbar-highlight-color",
+			name: "max-inline-size",
 			browsers: [
-				"IE8"
+				"FF41",
+				"S10.1",
+				"C57",
+				"O44"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "-ms-scrollbar-shadow-color",
-			browsers: [
-				"IE8"
+			values: [
+				{
+					name: "none",
+					"description": "No limit on the height of the box."
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "-ms-scrollbar-track-color",
-			browsers: [
-				"IE8"
+			"status": "experimental",
+			"syntax": "<'max-width'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/max-inline-size"
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"description": "Determines the color of the track element of a scroll bar.",
+			"description": "Logical 'max-height'. Mapping depends on the element’s 'writing-mode'.",
 			"restrictions": [
-				"color"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-scroll-chaining",
+			name: "max-block-size",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C57",
+				"O44"
 			],
 			values: [
 				{
-					name: "chained"
-				},
+					name: "none",
+					"description": "No limit on the width of the box."
+				}
+			],
+			"status": "experimental",
+			"syntax": "<'max-width'>",
+			"references": [
 				{
-					name: "none"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/max-block-size"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "chained | none",
-			"description": "Gets or sets a value that indicates the scrolling behavior that occurs when a user hits the content boundary during a manipulation.",
+			"description": "Logical 'max-width'. Mapping depends on the element’s 'writing-mode'.",
 			"restrictions": [
-				"enum",
-				"length"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-ms-scroll-limit",
+			name: "scroll-padding",
+			"syntax": "[ auto | <length-percentage> ]{1,4}",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
+			"references": [
 				{
-					name: "auto"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>",
-			"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max, and -ms-scroll-limit-y-max properties.",
-			"restrictions": [
-				"length"
-			]
+			"description": "The scroll-padding property is a shorthand property which sets all of the scroll-padding longhands, assigning values much like the padding property does for the padding-* longhands."
 		},
 		{
-			name: "-ms-scroll-limit-x-max",
+			name: "transform-box",
+			"syntax": "border-box | fill-box | view-box",
 			browsers: [
-				"E",
-				"IE10"
+				"FF55",
+				"S11",
+				"C64",
+				"O51"
 			],
-			values: [
+			"references": [
 				{
-					name: "auto"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/transform-box"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "auto | <length>",
-			"description": "Gets or sets a value that specifies the maximum value for the scrollLeft property.",
-			"restrictions": [
-				"length"
-			]
+			"description": "The transform-box CSS property defines the layout box to which the transform and transform-origin properties relate."
 		},
 		{
-			name: "-ms-scroll-limit-x-min",
-			browsers: [
-				"E",
-				"IE10"
-			],
-			"status": "nonstandard",
-			"syntax": "<length>",
-			"description": "Gets or sets a value that specifies the minimum value for the scrollLeft property.",
-			"restrictions": [
-				"length"
-			]
-		},
-		{
-			name: "-ms-scroll-limit-y-max",
+			name: "scroll-padding-top",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
+			"references": [
 				{
-					name: "auto"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "auto | <length>",
-			"description": "Gets or sets a value that specifies the maximum value for the scrollTop property.",
-			"restrictions": [
-				"length"
-			]
+			"description": "The scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
 		},
 		{
-			name: "-ms-scroll-limit-y-min",
+			name: "gap",
+			"syntax": "<'row-gap'> <'column-gap'>?",
 			browsers: [
-				"E",
-				"IE10"
+				"E16",
+				"FF63",
+				"S10.1",
+				"C66",
+				"O53"
 			],
-			"status": "nonstandard",
-			"syntax": "<length>",
-			"description": "Gets or sets a value that specifies the minimum value for the scrollTop property.",
-			"restrictions": [
-				"length"
-			]
+			"description": "The gap CSS property is a shorthand property for row-gap and column-gap specifying the gutters between grid rows and columns."
 		},
 		{
-			name: "-ms-scroll-rails",
+			name: "scroll-padding-right",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "none"
-				},
+			"references": [
 				{
-					name: "railed"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | railed",
-			"description": "Gets or sets a value that indicates whether or not small motions perpendicular to the primary axis of motion will result in either changes to both the scrollTop and scrollLeft properties or a change to the primary axis (for instance, either the scrollTop or scrollLeft properties will change, but not both).",
-			"restrictions": [
-				"enum",
-				"length"
-			]
+			"description": "The scroll-padding-right property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
 		},
 		{
-			name: "-ms-scroll-snap-points-x",
-			browsers: [
-				"E",
-				"IE10"
-			],
+			name: "marker",
 			values: [
 				{
-					name: "snapInterval(100%, 100%)"
+					name: "none",
+					"description": "Indicates that no marker symbol will be drawn at the given vertex or vertices."
 				},
 				{
-					name: "snapList()"
+					name: "url()",
+					"description": "Indicates that the <marker> element referenced will be used."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )",
-			"description": "Gets or sets a value that defines where snap-points will be located along the x-axis.",
+			"description": "Specifies the marker symbol that shall be used for all points on the sets the value for all vertices on the given ‘path’ element or basic shape.",
 			"restrictions": [
-				"enum"
+				"url"
 			]
 		},
 		{
-			name: "-ms-scroll-snap-points-y",
+			name: "scroll-padding-bottom",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "snapInterval(100%, 100%)"
-				},
+			"references": [
 				{
-					name: "snapList()"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )",
-			"description": "Gets or sets a value that defines where snap-points will be located along the y-axis.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The scroll-padding-bottom property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
 		},
 		{
-			name: "-ms-scroll-snap-type",
+			name: "scroll-padding-inline-start",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "none",
-					"description": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled."
-				},
-				{
-					name: "mandatory",
-					"description": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations."
-				},
+			"references": [
 				{
-					name: "proximity",
-					"description": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | proximity | mandatory",
-			"description": "Gets or sets a value that defines what type of snap-point should be used for the current element. There are two type of snap-points, with the primary difference being whether or not the user is guaranteed to always stop on a snap-point.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The scroll-padding-inline-start property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
 		},
 		{
-			name: "-ms-scroll-snap-x",
+			name: "scroll-padding-block-start",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "mandatory"
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "proximity"
-				},
-				{
-					name: "snapInterval(100%, 100%)"
-				},
+			"references": [
 				{
-					name: "snapList()"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>",
-			"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The scroll-padding-block-start property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
 		},
 		{
-			name: "-ms-scroll-snap-y",
+			name: "scroll-padding-inline-end",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "mandatory"
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "proximity"
-				},
-				{
-					name: "snapInterval(100%, 100%)"
-				},
+			"references": [
 				{
-					name: "snapList()"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>",
-			"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The scroll-padding-inline-end property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
 		},
 		{
-			name: "-ms-scroll-translation",
+			name: "scroll-padding-block-end",
+			"syntax": "auto | <length-percentage>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "none"
-				},
+			"references": [
 				{
-					name: "vertical-to-horizontal"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | vertical-to-horizontal",
-			"description": "Gets or sets a value that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
 		},
 		{
-			name: "-ms-text-align-last",
+			name: "place-self",
+			"syntax": "<'align-self'> <'justify-self'>?",
 			browsers: [
-				"E",
-				"IE8"
+				"FF45",
+				"C59",
+				"O46"
 			],
-			values: [
-				{
-					name: "auto"
-				},
-				{
-					name: "center",
-					"description": "The inline contents are centered within the line box."
-				},
-				{
-					name: "justify",
-					"description": "The text is justified according to the method specified by the 'text-justify' property."
-				},
-				{
-					name: "left",
-					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
-				},
-				{
-					name: "right",
-					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
-				}
-			],
-			"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The place-self CSS property is a shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it."
 		},
 		{
-			name: "-ms-text-autospace",
+			name: "grid",
 			browsers: [
-				"E",
-				"IE8"
+				"E16",
+				"FF52",
+				"S10.1",
+				"C57",
+				"O44"
 			],
-			values: [
-				{
-					name: "ideograph-alpha",
-					"description": "Creates 1/4em extra spacing between runs of ideographic letters and non-ideographic letters, such as Latin-based, Cyrillic, Greek, Arabic or Hebrew."
-				},
-				{
-					name: "ideograph-numeric",
-					"description": "Creates 1/4em extra spacing between runs of ideographic letters and numeric glyphs."
-				},
-				{
-					name: "ideograph-parenthesis",
-					"description": "Creates extra spacing between normal (non wide) parenthesis and ideographs."
-				},
-				{
-					name: "ideograph-space",
-					"description": "Extends the width of the space character while surrounded by ideographs."
-				},
-				{
-					name: "none",
-					"description": "No extra space is created."
-				},
+			"syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>",
+			"references": [
 				{
-					name: "punctuation",
-					"description": "Creates extra non-breaking spacing around punctuation as required by language-specific typographic conventions."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/grid"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space",
-			"description": "Determines whether or not a full-width punctuation mark character should be trimmed if it appears at the beginning of a line, so that its 'ink' lines up with the first glyph in the line above and below.",
+			"description": "The grid CSS property is a shorthand property that sets all of the explicit grid properties ('grid-template-rows', 'grid-template-columns', and 'grid-template-areas'), and all the implicit grid properties ('grid-auto-rows', 'grid-auto-columns', and 'grid-auto-flow'), in a single declaration.",
 			"restrictions": [
+				"identifier",
+				"length",
+				"percentage",
+				"string",
 				"enum"
 			]
 		},
 		{
-			name: "-ms-text-combine-horizontal",
+			name: "place-items",
+			"syntax": "<'align-items'> <'justify-items'>?",
 			browsers: [
-				"E",
-				"IE11"
+				"FF45",
+				"S11",
+				"C59",
+				"O46"
 			],
-			values: [
-				{
-					name: "all",
-					"description": "Attempt to typeset horizontally all consecutive characters within the box such that they take up the space of a single character within the vertical line box."
-				},
-				{
-					name: "digits",
-					"description": "Attempt to typeset horizontally each maximal sequence of consecutive ASCII digits (U+0030–U+0039) that has as many or fewer characters than the specified integer such that it takes up the space of a single character within the vertical line box."
-				},
+			"description": "The CSS place-items shorthand property sets both the align-items and justify-items properties. The first value is the align-items property value, the second the justify-items one. If the second value is not present, the first value is also used for it."
+		},
+		{
+			name: "font-optical-sizing",
+			"syntax": "auto | none",
+			browsers: [
+				"E17",
+				"FF62",
+				"S11"
+			],
+			"references": [
 				{
-					name: "none",
-					"description": "No special processing."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing"
 				}
 			],
-			"description": "This property specifies the combination of multiple characters into the space of a single character.",
-			"restrictions": [
-				"enum",
-				"integer"
-			]
+			"description": "The font-optical-sizing CSS property allows developers to control whether browsers render text with slightly differing visual representations to optimize viewing at different sizes, or not. This only works for fonts that have an optical size variation axis."
 		},
 		{
-			name: "-ms-text-justify",
+			name: "border-block-start",
 			browsers: [
-				"E",
-				"IE8"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality."
-				},
-				{
-					name: "distribute",
-					"description": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property."
-				},
-				{
-					name: "inter-cluster",
-					"description": "Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai."
-				},
-				{
-					name: "inter-ideograph",
-					"description": "Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages."
-				},
-				{
-					name: "inter-word",
-					"description": "Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean."
-				},
+			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"references": [
 				{
-					name: "kashida",
-					"description": "Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start"
 				}
 			],
-			"description": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.",
+			"description": "Logical 'border-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "-ms-text-kashida-space",
+			name: "border-block-end",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			"description": "Sets or retrieves the ratio of kashida expansion to white space expansion when justifying lines of text in the object.",
+			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end"
+				}
+			],
+			"description": "Logical 'border-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"percentage"
+				"length",
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "-ms-text-overflow",
+			name: "border-inline-start",
 			browsers: [
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "clip",
-					"description": "Clip inline content that overflows. Characters may be only partially rendered."
-				},
+			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"references": [
 				{
-					name: "ellipsis",
-					"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start"
 				}
 			],
-			"description": "Text can overflow for example when it is prevented from wrapping",
+			"description": "Logical 'border-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "-ms-text-size-adjust",
+			name: "offset",
+			"status": "experimental",
+			"syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?",
 			browsers: [
-				"E",
-				"IE10"
+				"C55",
+				"O42"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "Renderers must use the default size adjustment when displaying on a small device."
-				},
+			"references": [
 				{
-					name: "none",
-					"description": "Renderers must not do size adjustment when displaying on a small device."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/offset"
 				}
 			],
-			"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
-			"restrictions": [
-				"enum",
-				"percentage"
-			]
+			"description": "The offset CSS property is a shorthand property for animating an element along a defined path."
 		},
 		{
-			name: "-ms-text-underline-position",
+			name: "border-inline-end",
 			browsers: [
-				"E",
-				"IE10"
+				"FF41",
+				"S12.1",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "alphabetic",
-					"description": "The underline is aligned with the alphabetic baseline. In this case the underline is likely to cross some descenders."
-				},
-				{
-					name: "auto",
-					"description": "The user agent may use any algorithm to determine the underline's position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over."
-				},
-				{
-					name: "over",
-					"description": "The underline is aligned with the 'top' (right in vertical writing) edge of the element's em-box. In this mode, an overline also switches sides."
-				},
+			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			"references": [
 				{
-					name: "under",
-					"description": "The underline is aligned with the 'bottom' (left in vertical writing) edge of the element's em-box. In this case the underline usually does not cross the descenders. This is sometimes called 'accounting' underline."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end"
 				}
 			],
-			"description": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements.This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text",
+			"description": "Logical 'border-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "-ms-touch-action",
+			name: "scroll-padding-block",
+			"syntax": "[ auto | <length-percentage> ]{1,2}",
 			browsers: [
-				"IE10"
+				"FF68",
+				"C69",
+				"O56"
 			],
-			values: [
+			"references": [
 				{
-					name: "auto",
-					"description": "The element is a passive element, with several exceptions."
-				},
-				{
-					name: "double-tap-zoom",
-					"description": "The element will zoom on double-tap."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block"
+				}
+			],
+			"description": "The scroll-padding-block property is a shorthand property which sets the scroll-padding longhands for the block dimension."
+		},
+		{
+			name: "scroll-padding-inline",
+			"syntax": "[ auto | <length-percentage> ]{1,2}",
+			browsers: [
+				"FF68",
+				"C69",
+				"O56"
+			],
+			"references": [
 				{
-					name: "manipulation",
-					"description": "The element is a manipulation-causing element."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline"
+				}
+			],
+			"description": "The scroll-padding-inline property is a shorthand property which sets the scroll-padding longhands for the inline dimension."
+		},
+		{
+			name: "motion",
+			browsers: [
+				"C46",
+				"O33"
+			],
+			values: [
 				{
 					name: "none",
-					"description": "The element is a manipulation-blocking element."
+					"description": "No motion path gets created."
 				},
 				{
-					name: "pan-x",
-					"description": "The element permits touch-driven panning on the horizontal axis. The touch pan is performed on the nearest ancestor with horizontally scrollable content."
+					name: "path()",
+					"description": "Defines an SVG path as a string, with optional 'fill-rule' as the first argument."
 				},
 				{
-					name: "pan-y",
-					"description": "The element permits touch-driven panning on the vertical axis. The touch pan is performed on the nearest ancestor with vertically scrollable content."
+					name: "auto",
+					"description": "Indicates that the object is rotated by the angle of the direction of the motion path."
 				},
 				{
-					name: "pinch-zoom",
-					"description": "The element permits pinch-zooming. The pinch-zoom is performed on the nearest ancestor with zoomable content."
+					name: "reverse",
+					"description": "Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees."
 				}
 			],
-			"description": "Gets or sets a value that indicates whether and how a given region can be manipulated by the user.",
+			"description": "Shorthand property for setting 'motion-path', 'motion-offset' and 'motion-rotation'.",
 			"restrictions": [
+				"url",
+				"length",
+				"percentage",
+				"angle",
+				"shape",
+				"geometry-box",
 				"enum"
 			]
 		},
 		{
-			name: "-ms-touch-select",
+			name: "margin-inline",
+			"syntax": "<'margin-left'>{1,2}",
 			browsers: [
-				"E",
-				"IE10"
+				"FF66",
+				"C69"
 			],
-			values: [
+			"references": [
 				{
-					name: "grippers",
-					"description": "Grippers are always on."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline"
+				}
+			],
+			"description": "The margin-inline CSS property defines the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
+		},
+		{
+			name: "padding-block",
+			"syntax": "<'padding-left'>{1,2}",
+			browsers: [
+				"FF66",
+				"C69"
+			],
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block"
+				}
+			],
+			"description": "The padding-block CSS property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
+		},
+		{
+			name: "padding-inline",
+			"syntax": "<'padding-left'>{1,2}",
+			browsers: [
+				"FF66",
+				"C69"
+			],
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline"
+				}
+			],
+			"description": "The padding-inline CSS property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
+		},
+		{
+			name: "font-size-adjust",
+			browsers: [
+				"FF40",
+				"C43",
+				"O30"
+			],
+			values: [
 				{
 					name: "none",
-					"description": "Grippers are always off."
+					"description": "Do not preserve the font’s x-height."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "grippers | none",
-			"description": "Gets or sets a value that toggles the 'gripper' visual elements that enable touch text selection.",
+			"syntax": "none | <number>",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-size-adjust"
+				}
+			],
+			"description": "Preserves the readability of text when font fallback occurs by adjusting the font-size so that the x-height is the same irregardless of the font used.",
 			"restrictions": [
-				"enum"
+				"number"
 			]
 		},
 		{
-			name: "-ms-transform",
+			name: "motion-path",
 			browsers: [
-				"IE9-9"
+				"C46",
+				"O33"
 			],
 			values: [
 				{
-					name: "matrix()",
-					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
-				},
-				{
-					name: "matrix3d()",
-					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "rotate()",
-					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
-				},
-				{
-					name: "rotate3d()",
-					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
-				},
-				{
-					name: "rotateX('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the X axis."
-				},
-				{
-					name: "rotateY('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
-				},
-				{
-					name: "rotateZ('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
-				},
-				{
-					name: "scale()",
-					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
-				},
-				{
-					name: "scale3d()",
-					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
-				},
-				{
-					name: "scaleX()",
-					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
+					name: "none",
+					"description": "No motion path gets created."
 				},
 				{
-					name: "scaleY()",
-					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
-				},
+					name: "path()",
+					"description": "Defines an SVG path as a string, with optional 'fill-rule' as the first argument."
+				}
+			],
+			"description": "Specifies the motion path the element gets positioned at.",
+			"restrictions": [
+				"url",
+				"shape",
+				"geometry-box",
+				"enum"
+			]
+		},
+		{
+			name: "text-justify",
+			browsers: [
+				"E12",
+				"FF55",
+				"C32",
+				"IE11",
+				"O19"
+			],
+			values: [
 				{
-					name: "scaleZ()",
-					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
+					name: "auto",
+					"description": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality."
 				},
 				{
-					name: "skew()",
-					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
+					name: "distribute",
+					"description": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property."
 				},
 				{
-					name: "skewX()",
-					"description": "Specifies a skew transformation along the X axis by the given angle."
+					name: "distribute-all-lines"
 				},
 				{
-					name: "skewY()",
-					"description": "Specifies a skew transformation along the Y axis by the given angle."
+					name: "inter-cluster",
+					"description": "Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai."
 				},
 				{
-					name: "translate()",
-					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
+					name: "inter-ideograph",
+					"description": "Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages."
 				},
 				{
-					name: "translate3d()",
-					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+					name: "inter-word",
+					"description": "Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean."
 				},
 				{
-					name: "translateX()",
-					"description": "Specifies a translation by the given amount in the X direction."
+					name: "kashida",
+					"description": "Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation."
 				},
 				{
-					name: "translateY()",
-					"description": "Specifies a translation by the given amount in the Y direction."
-				},
+					name: "newspaper"
+				}
+			],
+			"syntax": "auto | inter-character | inter-word | none",
+			"references": [
 				{
-					name: "translateZ()",
-					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/text-justify"
 				}
 			],
-			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
+			"description": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-ms-transform-origin",
+			name: "motion-offset",
 			browsers: [
-				"IE9-9"
+				"C46",
+				"O33"
 			],
-			"description": "Establishes the origin of transformation for an element.",
+			"description": "A distance that describes the position along the specified motion path.",
 			"restrictions": [
-				"position",
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "-ms-transform-origin-x",
+			name: "inset-block-start",
+			"syntax": "<'top'>",
 			browsers: [
-				"IE10"
-			],
-			"description": "The x coordinate of the origin for transforms applied to an element with respect to its border box.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
+				"FF63",
+				"C69",
+				"O56"
+			],
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block-start"
+				}
+			],
+			"description": "The inset-block-start CSS property defines the logical block start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-ms-transform-origin-y",
+			name: "inset",
+			"syntax": "<'top'>{1,4}",
 			browsers: [
-				"IE10"
+				"FF66"
 			],
-			"description": "The y coordinate of the origin for transforms applied to an element with respect to its border box.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inset"
+				}
+			],
+			"description": "The inset CSS property defines the logical block and inline start and end offsets of an element, which map to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-ms-transform-origin-z",
+			name: "inset-inline-start",
+			"syntax": "<'top'>",
 			browsers: [
-				"IE10"
+				"FF63",
+				"C69",
+				"O56"
 			],
-			"description": "The z coordinate of the origin for transforms applied to an element with respect to its border box.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline-start"
+				}
+			],
+			"description": "The inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-ms-user-select",
+			name: "inset-inline-end",
+			"syntax": "<'top'>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF63",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "element"
-				},
-				{
-					name: "none"
-				},
+			"references": [
 				{
-					name: "text"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline-end"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "none | element | text",
-			"description": "Controls the appearance of selection.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The inset-inline-end CSS property defines the logical inline end inset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-ms-word-break",
+			name: "scale",
+			"syntax": "none | <number>{1,3}",
 			browsers: [
-				"IE8"
+				"FF60"
 			],
-			values: [
-				{
-					name: "break-all",
-					"description": "Lines may break between any two grapheme clusters for non-CJK scripts."
-				},
-				{
-					name: "keep-all",
-					"description": "Block characters can no longer create implied break points."
-				},
+			"references": [
 				{
-					name: "normal",
-					"description": "Breaks non-CJK scripts according to their own rules."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scale"
 				}
 			],
-			"description": "Specifies line break opportunities for non-CJK scripts.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The scale CSS property allows you to specify scale transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
 		},
 		{
-			name: "-ms-word-wrap",
+			name: "translate",
+			"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?",
 			browsers: [
-				"IE8"
+				"FF60"
 			],
-			values: [
-				{
-					name: "break-word",
-					"description": "An unbreakable 'word' may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
-				},
+			"references": [
 				{
-					name: "normal",
-					"description": "Lines may break only at allowed break points."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/translate"
 				}
 			],
-			"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
 		},
 		{
-			name: "-ms-wrap-flow",
+			name: "rotate",
+			"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>",
 			browsers: [
-				"E",
-				"IE10"
+				"FF60"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "For floats an exclusion is created, for all other elements an exclusion is not created."
-				},
-				{
-					name: "both",
-					"description": "Inline flow content can flow on all sides of the exclusion."
-				},
+			"references": [
 				{
-					name: "clear",
-					"description": "Inline flow content can only wrap on top and bottom of the exclusion and must leave the areas to the start and end edges of the exclusion box empty."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/rotate"
+				}
+			],
+			"description": "The rotate CSS property allows you to specify rotation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
+		},
+		{
+			name: "offset-anchor",
+			"status": "experimental",
+			"syntax": "auto | <position>",
+			"description": "Defines an anchor point of the box positioned along the path. The anchor point specifies the point of the box which is to be considered as the point that is moved along the path."
+		},
+		{
+			name: "offset-position",
+			"status": "experimental",
+			"syntax": "auto | <position>",
+			"description": "Specifies the initial position of the offset path. If position is specified with static, offset-position would be ignored."
+		},
+		{
+			name: "margin-block",
+			"syntax": "<'margin-left'>{1,2}",
+			browsers: [
+				"FF66",
+				"C69"
+			],
+			"references": [
 				{
-					name: "end",
-					"description": "Inline flow content can wrap on the end side of the exclusion area but must leave the area to the start edge of the exclusion area empty."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block"
+				}
+			],
+			"description": "The margin-block CSS property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
+		},
+		{
+			name: "user-zoom",
+			"syntax": "zoom | fixed",
+			"description": "The user-zoom CSS descriptor controls whether or not the user can change the zoom factor of a document defined by @viewport."
+		},
+		{
+			name: "min-zoom",
+			"syntax": "auto | <number> | <percentage>",
+			"description": "The min-zoom CSS descriptor sets the minimum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom out any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
+		},
+		{
+			name: "inset-block-end",
+			"syntax": "<'top'>",
+			browsers: [
+				"FF63",
+				"C69",
+				"O56"
+			],
+			"references": [
 				{
-					name: "maximum",
-					"description": "Inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave the other side of the exclusion empty."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block-end"
+				}
+			],
+			"description": "The inset-block-end CSS property defines the logical block end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
+		},
+		{
+			name: "enable-background",
+			values: [
 				{
-					name: "minimum",
-					"description": "Inline flow content can flow around the edge of the exclusion with the smallest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty."
+					name: "accumulate",
+					"description": "If the ancestor container element has a property of new, then all graphics elements within the current container are rendered both on the parent's background image and onto the target."
 				},
 				{
-					name: "start",
-					"description": "Inline flow content can wrap on the start edge of the exclusion area but must leave the area to end edge of the exclusion area empty."
+					name: "new",
+					"description": "Create a new background image canvas. All children of the current container element can access the background, and they will be rendered onto both the parent's background image canvas in addition to the target device."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "auto | both | start | end | maximum | clear",
-			"description": "An element becomes an exclusion when its 'wrap-flow' property has a computed value other than 'auto'.",
+			"description": "Deprecated. Use 'isolation' property instead when support allows. Specifies how the accumulation of the background image is managed.",
 			"restrictions": [
+				"integer",
+				"length",
+				"percentage",
 				"enum"
 			]
 		},
 		{
-			name: "-ms-wrap-margin",
-			browsers: [
-				"E",
-				"IE10"
-			],
-			"status": "nonstandard",
-			"syntax": "<length>",
-			"description": "Gets or sets a value that is used to offset the inner wrap shape from other shapes.",
+			name: "glyph-orientation-horizontal",
+			"description": "Controls glyph orientation when the inline-progression-direction is horizontal.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"angle",
+				"number"
 			]
 		},
 		{
-			name: "-ms-wrap-through",
-			browsers: [
-				"E",
-				"IE10"
-			],
+			name: "glyph-orientation-vertical",
 			values: [
 				{
-					name: "none",
-					"description": "The exclusion element does not inherit its parent node's wrapping context. Its descendants are only subject to exclusion shapes defined inside the element."
-				},
-				{
-					name: "wrap",
-					"description": "The exclusion element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element."
+					name: "auto",
+					"description": "Sets the orientation based on the fullwidth or non-fullwidth characters and the most common orientation."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "wrap | none",
-			"description": "Specifies if an element inherits its parent wrapping context. In other words if it is subject to the exclusions defined outside the element.",
+			"description": "Controls glyph orientation when the inline-progression-direction is vertical.",
 			"restrictions": [
+				"angle",
+				"number",
 				"enum"
 			]
 		},
 		{
-			name: "-ms-writing-mode",
-			browsers: [
-				"IE8"
-			],
+			name: "kerning",
 			values: [
 				{
-					name: "bt-lr"
-				},
-				{
-					name: "bt-rl"
-				},
-				{
-					name: "lr-bt"
-				},
-				{
-					name: "lr-tb"
-				},
-				{
-					name: "rl-bt"
-				},
-				{
-					name: "rl-tb"
-				},
-				{
-					name: "tb-lr"
-				},
-				{
-					name: "tb-rl"
+					name: "auto",
+					"description": "Indicates that the user agent should adjust inter-glyph spacing based on kerning tables that are included in the font that will be used."
 				}
 			],
-			"description": "Shorthand property for both 'direction' and 'block-progression'.",
+			"description": "Indicates whether the user agent should adjust inter-glyph spacing based on kerning tables that are included in the relevant font or instead disable auto-kerning and set inter-character spacing to a specific length.",
 			"restrictions": [
+				"length",
 				"enum"
 			]
 		},
 		{
-			name: "-ms-zoom",
+			name: "image-orientation",
 			browsers: [
-				"IE8"
+				"FF26"
 			],
 			values: [
 				{
-					name: "normal"
+					name: "flip",
+					"description": "After rotating by the precededing angle, the image is flipped horizontally. Defaults to 0deg if the angle is ommitted."
+				},
+				{
+					name: "from-image",
+					"description": "If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image."
 				}
 			],
-			"description": "Sets or retrieves the magnification scale of the object.",
+			"syntax": "from-image | <angle> | [ <angle>? flip ]",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/image-orientation"
+				}
+			],
+			"description": "Specifies an orthogonal rotation to be applied to an image before it is laid out.",
 			"restrictions": [
-				"enum",
-				"integer",
-				"number",
-				"percentage"
+				"angle"
 			]
 		},
 		{
-			name: "-ms-zoom-animation",
+			name: "image-resolution",
+			"status": "experimental",
+			"syntax": "[ from-image || <resolution> ] && snap?",
+			"description": "The image-resolution property specifies the intrinsic resolution of all raster images used in or on the element. It affects both content images (e.g. replaced elements and generated content) and decorative images (such as background-image). The intrinsic resolution of an image is used to determine the image’s intrinsic dimensions."
+		},
+		{
+			name: "max-zoom",
+			"syntax": "auto | <number> | <percentage>",
+			"description": "The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom in any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
+		},
+		{
+			name: "orientation",
+			"syntax": "auto | portrait | landscape",
+			"description": "The orientation CSS @media media feature can be used to apply styles based on the orientation of the viewport (or the page box, for paged media)."
+		},
+		{
+			name: "motion-rotation",
 			browsers: [
-				"IE10"
+				"C46",
+				"O33"
 			],
 			values: [
 				{
-					name: "default"
+					name: "auto",
+					"description": "Indicates that the object is rotated by the angle of the direction of the motion path."
 				},
 				{
-					name: "none"
+					name: "reverse",
+					"description": "Indicates that the object is rotated by the angle of the direction of the motion path plus 180 degrees."
 				}
 			],
-			"description": "Gets or sets a value that indicates whether an animation is used when zooming.",
+			"description": "Defines the direction of the element while positioning along the motion path.",
 			"restrictions": [
-				"enum"
+				"angle"
 			]
 		},
 		{
-			name: "nav-down",
+			name: "scroll-snap-points-x",
 			browsers: [
-				"O9.5"
+				"FF39",
+				"S9"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
-				},
-				{
-					name: "current",
-					"description": "Indicates that the user agent should target the frame that the element is in."
+					name: "none",
+					"description": "No snap points are defined by this scroll container."
 				},
 				{
-					name: "root",
-					"description": "Indicates that the user agent should target the full window."
+					name: "repeat()",
+					"description": "Defines an interval at which snap points are defined, starting from the container’s relevant start edge."
 				}
 			],
-			"description": "Provides an way to control directional focus navigation.",
-			"restrictions": [
-				"enum",
-				"identifier",
-				"string"
-			]
-		},
-		{
-			name: "nav-index",
-			browsers: [
-				"O9.5"
-			],
-			values: [
+			"status": "obsolete",
+			"syntax": "none | repeat( <length-percentage> )",
+			"references": [
 				{
-					name: "auto",
-					"description": "The element's sequential navigation order is assigned automatically by the user agent."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-x"
 				}
 			],
-			"description": "Provides an input-method-neutral way of specifying the sequential navigation order (also known as 'tabbing order').",
+			"description": "Defines the positioning of snap points along the x axis of the scroll container it is applied to.",
 			"restrictions": [
-				"number"
+				"enum"
 			]
 		},
 		{
-			name: "nav-left",
+			name: "scroll-snap-points-y",
 			browsers: [
-				"O9.5"
+				"FF39",
+				"S9"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
+					name: "none",
+					"description": "No snap points are defined by this scroll container."
 				},
 				{
-					name: "current",
-					"description": "Indicates that the user agent should target the frame that the element is in."
-				},
+					name: "repeat()",
+					"description": "Defines an interval at which snap points are defined, starting from the container’s relevant start edge."
+				}
+			],
+			"status": "obsolete",
+			"syntax": "none | repeat( <length-percentage> )",
+			"references": [
 				{
-					name: "root",
-					"description": "Indicates that the user agent should target the full window."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-y"
 				}
 			],
-			"description": "Provides an way to control directional focus navigation.",
+			"description": "Defines the positioning of snap points along the y axis of the scroll container it is applied to.",
 			"restrictions": [
-				"enum",
-				"identifier",
-				"string"
+				"enum"
 			]
 		},
 		{
-			name: "nav-right",
+			name: "scroll-snap-coordinate",
 			browsers: [
-				"O9.5"
+				"FF39"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
-				},
-				{
-					name: "current",
-					"description": "Indicates that the user agent should target the frame that the element is in."
-				},
+					name: "none",
+					"description": "Specifies that this element does not contribute a snap point."
+				}
+			],
+			"status": "obsolete",
+			"syntax": "none | <position>#",
+			"references": [
 				{
-					name: "root",
-					"description": "Indicates that the user agent should target the full window."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-coordinate"
 				}
 			],
-			"description": "Provides an way to control directional focus navigation.",
+			"description": "Defines the x and y coordinate within the element which will align with the nearest ancestor scroll container’s snap-destination for the respective axis.",
 			"restrictions": [
-				"enum",
-				"identifier",
-				"string"
+				"position",
+				"length",
+				"percentage",
+				"enum"
 			]
 		},
 		{
-			name: "nav-up",
+			name: "scroll-snap-destination",
 			browsers: [
-				"O9.5"
+				"FF39"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
-				},
-				{
-					name: "current",
-					"description": "Indicates that the user agent should target the frame that the element is in."
-				},
+			"status": "obsolete",
+			"syntax": "<position>",
+			"references": [
 				{
-					name: "root",
-					"description": "Indicates that the user agent should target the full window."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-destination"
 				}
 			],
-			"description": "Provides an way to control directional focus navigation.",
+			"description": "Define the x and y coordinate within the scroll container’s visual viewport which element snap points will align with.",
 			"restrictions": [
-				"enum",
-				"identifier",
-				"string"
+				"position",
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "negative",
+			name: "border-block-color",
+			"syntax": "<'border-top-color'>{1,2}",
 			browsers: [
-				"FF33"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			"syntax": "<symbol> <symbol>?",
-			"description": "@counter-style descriptor. Defines how to alter the representation when the counter value is negative.",
-			"restrictions": [
-				"image",
-				"identifier",
-				"string"
-			]
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-color"
+				}
+			],
+			"description": "The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-o-animation",
+			name: "border-block-style",
+			"syntax": "<'border-top-style'>",
 			browsers: [
-				"O12"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
-				},
-				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
-				},
+			"references": [
 				{
-					name: "backwards",
-					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
-				},
-				{
-					name: "both",
-					"description": "Both forwards and backwards fill modes are applied."
-				},
-				{
-					name: "forwards",
-					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
-				},
-				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
-				},
-				{
-					name: "none",
-					"description": "No animation is performed"
-				},
-				{
-					name: "normal",
-					"description": "Normal playback."
-				},
-				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-style"
 				}
 			],
-			"description": "Shorthand property combines six of the animation properties into a single property.",
-			"restrictions": [
-				"time",
-				"enum",
-				"timing-function",
-				"identifier",
-				"number"
-			]
+			"description": "The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-o-animation-delay",
+			name: "border-block-width",
+			"syntax": "<'border-top-width'>",
 			browsers: [
-				"O12"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			"description": "Defines when the animation will start.",
-			"restrictions": [
-				"time"
-			]
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-width"
+				}
+			],
+			"description": "The border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-o-animation-direction",
+			name: "border-inline-color",
+			"syntax": "<'border-top-color'>{1,2}",
 			browsers: [
-				"O12"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
-				},
-				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
-				},
-				{
-					name: "normal",
-					"description": "Normal playback."
-				},
+			"references": [
 				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-color"
 				}
 			],
-			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-o-animation-duration",
+			name: "border-inline-style",
+			"syntax": "<'border-top-style'>",
 			browsers: [
-				"O12"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			"description": "Defines the length of time that an animation takes to complete one cycle.",
-			"restrictions": [
-				"time"
-			]
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-style"
+				}
+			],
+			"description": "The border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-o-animation-fill-mode",
+			name: "border-inline-width",
+			"syntax": "<'border-top-width'>",
 			browsers: [
-				"O12"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			values: [
-				{
-					name: "backwards",
-					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
-				},
-				{
-					name: "both",
-					"description": "Both forwards and backwards fill modes are applied."
-				},
-				{
-					name: "forwards",
-					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
-				},
+			"references": [
 				{
-					name: "none",
-					"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-width"
 				}
 			],
-			"description": "Defines what values are applied by the animation outside the time it is executing.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-o-animation-iteration-count",
+			name: "border-block",
+			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
 			browsers: [
-				"O12"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			values: [
+			"references": [
 				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block"
 				}
 			],
-			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
-			"restrictions": [
-				"number",
-				"enum"
-			]
+			"description": "The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet."
 		},
 		{
-			name: "-o-animation-name",
+			name: "border-inline",
+			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
 			browsers: [
-				"O12"
+				"FF66",
+				"C69",
+				"O56"
 			],
-			values: [
+			"references": [
 				{
-					name: "none",
-					"description": "No animation is performed"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline"
 				}
 			],
-			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
-			"restrictions": [
-				"identifier",
-				"enum"
-			]
+			"description": "The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet."
 		},
 		{
-			name: "-o-animation-play-state",
+			name: "inset-block",
+			"syntax": "<'top'>{1,2}",
 			browsers: [
-				"O12"
+				"FF63",
+				"C69",
+				"O56"
 			],
-			values: [
+			"references": [
 				{
-					name: "paused",
-					"description": "A running animation will be paused."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block"
+				}
+			],
+			"description": "The inset-block CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
+		},
+		{
+			name: "inset-inline",
+			"syntax": "<'top'>{1,2}",
+			browsers: [
+				"FF63",
+				"C69",
+				"O56"
+			],
+			"references": [
 				{
-					name: "running",
-					"description": "Resume playback of a paused animation."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline"
 				}
 			],
-			"description": "Defines whether the animation is running or paused.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "The inset-inline CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "-o-animation-timing-function",
+			name: "additive-symbols",
 			browsers: [
-				"O12"
+				"FF33"
 			],
-			"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
+			"syntax": "[ <integer> && <symbol> ]#",
+			"description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor. Needs to be specified if the counter system is 'additive'.",
 			"restrictions": [
-				"timing-function"
+				"integer",
+				"string",
+				"image",
+				"identifier"
 			]
 		},
 		{
-			name: "object-fit",
+			name: "alt",
 			browsers: [
-				"E16",
-				"FF36",
-				"S10",
-				"C31",
-				"O19"
-			],
-			values: [
-				{
-					name: "contain",
-					"description": "The replaced content is sized to maintain its aspect ratio while fitting within the element’s content box: its concrete object size is resolved as a contain constraint against the element's used width and height."
-				},
-				{
-					name: "cover",
-					"description": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element’s used width and height."
-				},
-				{
-					name: "fill",
-					"description": "The replaced content is sized to fill the element’s content box: the object's concrete object size is the element's used width and height."
-				},
-				{
-					name: "none",
-					"description": "The replaced content is not resized to fit inside the element's content box"
-				},
-				{
-					name: "scale-down",
-					"description": "Size the content as if ‘none’ or ‘contain’ were specified, whichever would result in a smaller concrete object size."
-				}
+				"S9"
 			],
-			"syntax": "fill | contain | cover | none | scale-down",
+			values: [],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/object-fit"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/alt"
 				}
 			],
-			"description": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.",
+			"description": "Provides alternative text for assistive technology to replace the generated content of a ::before or ::after element.",
 			"restrictions": [
+				"string",
 				"enum"
 			]
 		},
 		{
-			name: "object-position",
+			name: "behavior",
 			browsers: [
-				"E16",
-				"FF36",
-				"S10",
-				"C31",
-				"O19"
-			],
-			"syntax": "<position>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/object-position"
-				}
+				"IE6"
 			],
-			"description": "Determines the alignment of the replaced element inside its box.",
+			"description": "IE only. Used to extend behaviors of the browser.",
 			"restrictions": [
-				"position",
-				"length",
-				"percentage"
+				"url"
 			]
 		},
 		{
-			name: "-o-border-image",
+			name: "box-decoration-break",
 			browsers: [
-				"O11.6"
+				"FF32",
+				"S6.1",
+				"C22",
+				"O15"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
-				},
-				{
-					name: "fill",
-					"description": "Causes the middle part of the border-image to be preserved."
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "repeat",
-					"description": "The image is tiled (repeated) to fill the area."
-				},
-				{
-					name: "round",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
-				},
-				{
-					name: "space",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
+					name: "clone",
+					"description": "Each box is independently wrapped with the border and padding."
 				},
 				{
-					name: "stretch",
-					"description": "The image is stretched to fill the area."
+					name: "slice",
+					"description": "The effect is as though the element were rendered with no breaks present, and then sliced by the breaks afterward."
 				}
 			],
-			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
-			"restrictions": [
-				"length",
-				"percentage",
-				"number",
-				"image",
-				"enum"
-			]
-		},
-		{
-			name: "-o-object-fit",
-			browsers: [
-				"O10.6"
-			],
-			values: [
-				{
-					name: "contain",
-					"description": "The replaced content is sized to maintain its aspect ratio while fitting within the element’s content box: its concrete object size is resolved as a contain constraint against the element's used width and height."
-				},
-				{
-					name: "cover",
-					"description": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element’s used width and height."
-				},
-				{
-					name: "fill",
-					"description": "The replaced content is sized to fill the element’s content box: the object's concrete object size is the element's used width and height."
-				},
-				{
-					name: "none",
-					"description": "The replaced content is not resized to fit inside the element's content box"
-				},
+			"syntax": "slice | clone",
+			"references": [
 				{
-					name: "scale-down",
-					"description": "Size the content as if ‘none’ or ‘contain’ were specified, whichever would result in a smaller concrete object size."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-decoration-break"
 				}
 			],
-			"description": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.",
+			"description": "Specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is individually wrapped with the border and padding.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-o-object-position",
+			name: "fallback",
 			browsers: [
-				"O10.6"
+				"FF33"
 			],
-			"description": "Determines the alignment of the replaced element inside its box.",
+			"syntax": "<counter-style-name>",
+			"description": "@counter-style descriptor. Specifies a fallback counter style to be used when the current counter style can’t create a representation for a given counter value.",
 			"restrictions": [
-				"position",
-				"length",
-				"percentage"
+				"identifier"
 			]
 		},
 		{
-			name: "opacity",
-			"syntax": "<number>",
-			"references": [
+			name: "font-language-override",
+			browsers: [
+				"FF34"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/opacity"
+					name: "normal",
+					"description": "Implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering."
 				}
 			],
-			"description": "Opacity of an element's text, where 1 is opaque and 0 is entirely transparent.",
-			"restrictions": [
-				"number(0-1)"
-			]
-		},
-		{
-			name: "order",
-			"syntax": "<integer>",
+			"syntax": "normal | <string>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/order"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-language-override"
 				}
 			],
-			"description": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.",
+			"description": "The value of 'normal' implies that when rendering with OpenType fonts the language of the document is used to infer the OpenType language system, used to select language specific features when rendering.",
 			"restrictions": [
-				"integer"
+				"string"
 			]
 		},
 		{
-			name: "orphans",
+			name: "font-synthesis",
 			browsers: [
-				"E12",
-				"S1.3",
-				"C25",
-				"IE8",
-				"O9.2"
+				"FF34",
+				"S9"
 			],
-			"syntax": "<integer>",
+			values: [
+				{
+					name: "none",
+					"description": "Disallow all synthetic faces."
+				},
+				{
+					name: "style",
+					"description": "Allow synthetic italic faces."
+				},
+				{
+					name: "weight",
+					"description": "Allow synthetic bold faces."
+				}
+			],
+			"syntax": "none | [ weight || style ]",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/orphans"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-synthesis"
 				}
 			],
-			"description": "Specifies the minimum number of line boxes in a block container that must be left in a fragment before a fragmentation break.",
+			"description": "Controls whether user agents are allowed to synthesize bold or oblique font faces when a font family lacks bold or italic faces.",
 			"restrictions": [
-				"integer"
+				"enum"
 			]
 		},
 		{
-			name: "-o-table-baseline",
+			name: "font-variant-alternates",
 			browsers: [
-				"O9.6"
+				"FF34"
 			],
-			"description": "Determines which row of a inline-table should be used as baseline of inline-table.",
-			"restrictions": [
-				"integer"
-			]
-		},
-		{
-			name: "-o-tab-size",
-			browsers: [
-				"O10.6"
+			values: [
+				{
+					name: "annotation()",
+					"description": "Enables display of alternate annotation forms."
+				},
+				{
+					name: "character-variant()",
+					"description": "Enables display of specific character variants."
+				},
+				{
+					name: "historical-forms",
+					"description": "Enables display of historical forms."
+				},
+				{
+					name: "normal",
+					"description": "None of the features are enabled."
+				},
+				{
+					name: "ornaments()",
+					"description": "Enables replacement of default glyphs with ornaments, if provided in the font."
+				},
+				{
+					name: "styleset()",
+					"description": "Enables display with stylistic sets."
+				},
+				{
+					name: "stylistic()",
+					"description": "Enables display of stylistic alternates."
+				},
+				{
+					name: "swash()",
+					"description": "Enables display of swash glyphs."
+				}
 			],
-			"description": "This property determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.",
+			"syntax": "normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates"
+				}
+			],
+			"description": "For any given character, fonts can provide a variety of alternate glyphs in addition to the default glyph for that character. This property provides control over the selection of these alternate glyphs.",
 			"restrictions": [
-				"integer",
-				"length"
+				"enum"
 			]
 		},
 		{
-			name: "-o-text-overflow",
+			name: "font-variant-position",
 			browsers: [
-				"O10"
+				"FF34"
 			],
 			values: [
 				{
-					name: "clip",
-					"description": "Clip inline content that overflows. Characters may be only partially rendered."
+					name: "normal",
+					"description": "None of the features are enabled."
 				},
 				{
-					name: "ellipsis",
-					"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
+					name: "sub",
+					"description": "Enables display of subscript variants (OpenType feature: subs)."
+				},
+				{
+					name: "super",
+					"description": "Enables display of superscript variants (OpenType feature: sups)."
 				}
 			],
-			"description": "Text can overflow for example when it is prevented from wrapping",
+			"syntax": "normal | sub | super",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-position"
+				}
+			],
+			"description": "Specifies the vertical position",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-o-transform",
+			name: "ime-mode",
 			browsers: [
-				"O10.5"
+				"E12",
+				"FF3",
+				"IE5"
 			],
 			values: [
 				{
-					name: "matrix()",
-					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
+					name: "active",
+					"description": "The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it."
 				},
 				{
-					name: "matrix3d()",
-					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "rotate()",
-					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
-				},
-				{
-					name: "rotate3d()",
-					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
-				},
-				{
-					name: "rotateX('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the X axis."
-				},
-				{
-					name: "rotateY('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
-				},
-				{
-					name: "rotateZ('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
-				},
-				{
-					name: "scale()",
-					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
-				},
-				{
-					name: "scale3d()",
-					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
-				},
-				{
-					name: "scaleX()",
-					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
-				},
-				{
-					name: "scaleY()",
-					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
-				},
-				{
-					name: "scaleZ()",
-					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
-				},
-				{
-					name: "skew()",
-					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
-				},
-				{
-					name: "skewX()",
-					"description": "Specifies a skew transformation along the X axis by the given angle."
-				},
-				{
-					name: "skewY()",
-					"description": "Specifies a skew transformation along the Y axis by the given angle."
-				},
-				{
-					name: "translate()",
-					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
+					name: "auto",
+					"description": "No change is made to the current input method editor state. This is the default."
 				},
 				{
-					name: "translate3d()",
-					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+					name: "disabled",
+					"description": "The input method editor is disabled and may not be activated by the user."
 				},
 				{
-					name: "translateX()",
-					"description": "Specifies a translation by the given amount in the X direction."
+					name: "inactive",
+					"description": "The input method editor is initially inactive, but the user may activate it if they wish."
 				},
 				{
-					name: "translateY()",
-					"description": "Specifies a translation by the given amount in the Y direction."
-				},
+					name: "normal",
+					"description": "The IME state should be normal; this value can be used in a user style sheet to override the page setting."
+				}
+			],
+			"status": "obsolete",
+			"syntax": "auto | normal | active | inactive | disabled",
+			"references": [
 				{
-					name: "translateZ()",
-					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/ime-mode"
 				}
 			],
-			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
+			"description": "Controls the state of the input method editor for text fields.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-o-transform-origin",
-			browsers: [
-				"O10.5"
-			],
-			"description": "Establishes the origin of transformation for an element.",
-			"restrictions": [
-				"positon",
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "-o-transition",
+			name: "mask-image",
 			browsers: [
-				"O11.5"
+				"E16",
+				"FF53",
+				"S4",
+				"C1",
+				"O"
 			],
 			values: [
 				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
+					name: "none",
+					"description": "Counts as a transparent black image layer."
 				},
 				{
-					name: "none",
-					"description": "No property will transition."
+					name: "url()",
+					"description": "Reference to a <mask element or to a CSS image."
 				}
 			],
-			"description": "Shorthand property combines four of the transition properties into a single property.",
-			"restrictions": [
-				"time",
-				"property",
-				"timing-function",
-				"enum"
-			]
-		},
-		{
-			name: "-o-transition-delay",
-			browsers: [
-				"O11.5"
-			],
-			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
-			"restrictions": [
-				"time"
-			]
-		},
-		{
-			name: "-o-transition-duration",
-			browsers: [
-				"O11.5"
+			"syntax": "<mask-reference>#",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-image"
+				}
 			],
-			"description": "Specifies how long the transition from the old value to the new value should take.",
+			"description": "Sets the mask layer image of an element.",
 			"restrictions": [
-				"time"
+				"url",
+				"image",
+				"enum"
 			]
 		},
 		{
-			name: "-o-transition-property",
+			name: "mask-mode",
 			browsers: [
-				"O11.5"
+				"FF53"
 			],
 			values: [
 				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
+					name: "alpha",
+					"description": "Alpha values of the mask layer image should be used as the mask values."
 				},
 				{
-					name: "none",
-					"description": "No property will transition."
+					name: "auto",
+					"description": "Use alpha values if 'mask-image' is an image, luminance if a <mask> element or a CSS image."
+				},
+				{
+					name: "luminance",
+					"description": "Luminance values of the mask layer image should be used as the mask values."
 				}
 			],
-			"description": "Specifies the name of the CSS property to which the transition is applied.",
-			"restrictions": [
-				"property"
-			]
-		},
-		{
-			name: "-o-transition-timing-function",
-			browsers: [
-				"O11.5"
+			"syntax": "<masking-mode>#",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-mode"
+				}
 			],
-			"description": "Describes how the intermediate values used during a transition will be calculated.",
+			"description": "Indicates whether the mask layer image is treated as luminance mask or alpha mask.",
 			"restrictions": [
-				"timing-function"
+				"url",
+				"image",
+				"enum"
 			]
 		},
 		{
-			name: "offset-block-end",
+			name: "mask-origin",
 			browsers: [
-				"FF41"
+				"FF53",
+				"S4",
+				"C1",
+				"O15"
 			],
-			values: [
+			"syntax": "<geometry-box>#",
+			"references": [
 				{
-					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-origin"
 				}
 			],
-			"description": "Logical 'bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Specifies the mask positioning area.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"geometry-box",
+				"enum"
 			]
 		},
 		{
-			name: "offset-block-start",
+			name: "mask-position",
 			browsers: [
-				"FF41"
+				"E18",
+				"FF53",
+				"S3.2",
+				"C1",
+				"O15"
 			],
-			values: [
+			"syntax": "<position>#",
+			"references": [
 				{
-					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-position"
 				}
 			],
-			"description": "Logical 'top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Specifies how mask layer images are positioned.",
 			"restrictions": [
+				"position",
 				"length",
 				"percentage"
 			]
 		},
 		{
-			name: "offset-inline-end",
+			name: "mask-repeat",
 			browsers: [
-				"FF41"
+				"E18",
+				"FF53",
+				"S3.2",
+				"C1",
+				"O15"
 			],
-			values: [
+			"syntax": "<repeat-style>#",
+			"references": [
 				{
-					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-repeat"
 				}
 			],
-			"description": "Logical 'right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
+			"description": "Specifies how mask layer images are tiled after they have been sized and positioned.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"repeat"
 			]
 		},
 		{
-			name: "offset-inline-start",
+			name: "mask-size",
 			browsers: [
-				"FF41"
+				"E18",
+				"FF53",
+				"S4",
+				"C4",
+				"O15"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
-				}
-			],
-			"description": "Logical 'left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "outline",
-			values: [
+					"description": "Resolved by using the image’s intrinsic ratio and the size of the other dimension, or failing that, using the image’s intrinsic size, or failing that, treating it as 100%."
+				},
 				{
-					name: "auto",
-					"description": "Permits the user agent to render a custom outline style, typically the default platform style."
+					name: "contain",
+					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
 				},
 				{
-					name: "invert",
-					"description": "Performs a color inversion on the pixels on the screen."
+					name: "cover",
+					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
 				}
 			],
-			"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
+			"syntax": "<bg-size>#",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/outline"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-size"
 				}
 			],
-			"description": "Shorthand property for 'outline-style', 'outline-width', and 'outline-color'.",
+			"description": "Specifies the size of the mask layer images.",
 			"restrictions": [
 				"length",
-				"line-width",
-				"line-style",
-				"color",
+				"percentage",
 				"enum"
 			]
 		},
 		{
-			name: "outline-color",
+			name: "-moz-animation",
+			browsers: [
+				"FF9"
+			],
 			values: [
 				{
-					name: "invert",
-					"description": "Performs a color inversion on the pixels on the screen."
-				}
-			],
-			"syntax": "<color> | invert",
-			"references": [
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-color"
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+				},
+				{
+					name: "backwards",
+					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
+				},
+				{
+					name: "both",
+					"description": "Both forwards and backwards fill modes are applied."
+				},
+				{
+					name: "forwards",
+					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+				},
+				{
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
+				},
+				{
+					name: "none",
+					"description": "No animation is performed"
+				},
+				{
+					name: "normal",
+					"description": "Normal playback."
+				},
+				{
+					name: "reverse",
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
-			"description": "The color of the outline.",
+			"description": "Shorthand property combines six of the animation properties into a single property.",
 			"restrictions": [
+				"time",
 				"enum",
-				"color"
+				"timing-function",
+				"identifier",
+				"number"
 			]
 		},
 		{
-			name: "outline-offset",
+			name: "-moz-animation-delay",
 			browsers: [
-				"E15",
-				"FF1.5",
-				"S1.2",
-				"C1",
-				"O9.5"
-			],
-			"syntax": "<length>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-offset"
-				}
+				"FF9"
 			],
-			"description": "Offset the outline and draw it beyond the border edge.",
+			"description": "Defines when the animation will start.",
 			"restrictions": [
-				"length"
+				"time"
 			]
 		},
 		{
-			name: "outline-style",
+			name: "-moz-animation-direction",
+			browsers: [
+				"FF9"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "Permits the user agent to render a custom outline style, typically the default platform style."
-				}
-			],
-			"syntax": "auto | <'border-style'>",
-			"references": [
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-style"
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+				},
+				{
+					name: "normal",
+					"description": "Normal playback."
+				},
+				{
+					name: "reverse",
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
-			"description": "Style of the outline.",
+			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
 			"restrictions": [
-				"line-style",
 				"enum"
 			]
 		},
 		{
-			name: "outline-width",
-			"syntax": "<line-width>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/outline-width"
-				}
+			name: "-moz-animation-duration",
+			browsers: [
+				"FF9"
 			],
-			"description": "Width of the outline.",
+			"description": "Defines the length of time that an animation takes to complete one cycle.",
 			"restrictions": [
-				"length",
-				"line-width"
+				"time"
 			]
 		},
 		{
-			name: "overflow",
-			values: [
-				{
-					name: "auto",
-					"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
-				},
-				{
-					name: "hidden",
-					"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
-				},
-				{
-					name: "-moz-hidden-unscrollable",
-					"description": "Same as the standardized 'clip', except doesn’t establish a block formatting context."
-				},
-				{
-					name: "scroll",
-					"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
-				},
-				{
-					name: "visible",
-					"description": "Content is not clipped, i.e., it may be rendered outside the content box."
-				}
+			name: "-moz-animation-iteration-count",
+			browsers: [
+				"FF9"
 			],
-			"syntax": "[ visible | hidden | clip | scroll | auto ]{1,2}",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow"
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
 				}
 			],
-			"description": "Shorthand for setting 'overflow-x' and 'overflow-y'.",
+			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
 			"restrictions": [
+				"number",
 				"enum"
 			]
 		},
 		{
-			name: "overflow-wrap",
-			values: [
-				{
-					name: "break-word",
-					"description": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
-				},
-				{
-					name: "normal",
-					"description": "Lines may break only at allowed break points."
-				}
+			name: "-moz-animation-name",
+			browsers: [
+				"FF9"
 			],
-			"syntax": "normal | break-word | anywhere",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-wrap"
+					name: "none",
+					"description": "No animation is performed"
 				}
 			],
-			"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit within the line box.",
+			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
 			"restrictions": [
+				"identifier",
 				"enum"
 			]
 		},
 		{
-			name: "overflow-x",
+			name: "-moz-animation-play-state",
+			browsers: [
+				"FF9"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
-				},
-				{
-					name: "hidden",
-					"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
-				},
-				{
-					name: "scroll",
-					"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
+					name: "paused",
+					"description": "A running animation will be paused."
 				},
 				{
-					name: "visible",
-					"description": "Content is not clipped, i.e., it may be rendered outside the content box."
-				}
-			],
-			"syntax": "visible | hidden | clip | scroll | auto",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-x"
+					name: "running",
+					"description": "Resume playback of a paused animation."
 				}
 			],
-			"description": "Specifies the handling of overflow in the horizontal direction.",
+			"description": "Defines whether the animation is running or paused.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "overflow-y",
+			name: "-moz-animation-timing-function",
+			browsers: [
+				"FF9"
+			],
+			"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
+			"restrictions": [
+				"timing-function"
+			]
+		},
+		{
+			name: "-moz-appearance",
+			browsers: [
+				"FF1"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "The behavior of the 'auto' value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes."
+					name: "button"
 				},
 				{
-					name: "hidden",
-					"description": "Content is clipped and no scrolling mechanism should be provided to view the content outside the clipping region."
+					name: "button-arrow-down"
 				},
 				{
-					name: "scroll",
-					"description": "Content is clipped and if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped."
+					name: "button-arrow-next"
 				},
 				{
-					name: "visible",
-					"description": "Content is not clipped, i.e., it may be rendered outside the content box."
-				}
-			],
-			"syntax": "visible | hidden | clip | scroll | auto",
-			"references": [
+					name: "button-arrow-previous"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-y"
-				}
-			],
-			"description": "Specifies the handling of overflow in the vertical direction.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "pad",
-			browsers: [
-				"FF33"
-			],
-			"syntax": "<integer> && <symbol>",
-			"description": "@counter-style descriptor. Specifies a “fixed-width” counter style, where representations shorter than the pad value are padded with a particular <symbol>",
-			"restrictions": [
-				"integer",
-				"image",
-				"string",
-				"identifier"
-			]
-		},
-		{
-			name: "padding",
-			values: [],
-			"syntax": "[ <length> | <percentage> ]{1,4}",
-			"references": [
+					name: "button-arrow-up"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding"
-				}
-			],
-			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-bottom",
-			"syntax": "<length> | <percentage>",
-			"references": [
+					name: "button-bevel"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-bottom"
-				}
-			],
-			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-block-end",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'padding-left'>",
-			"references": [
+					name: "checkbox"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block-end"
-				}
-			],
-			"description": "Logical 'padding-bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-block-start",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'padding-left'>",
-			"references": [
+					name: "checkbox-container"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block-start"
-				}
-			],
-			"description": "Logical 'padding-top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-inline-end",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'padding-left'>",
-			"references": [
+					name: "checkbox-label"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline-end"
-				}
-			],
-			"description": "Logical 'padding-right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-inline-start",
-			browsers: [
-				"FF41",
-				"S12.1",
-				"C69",
-				"O56"
-			],
-			"syntax": "<'padding-left'>",
-			"references": [
+					name: "dialog"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline-start"
-				}
-			],
-			"description": "Logical 'padding-left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-left",
-			"syntax": "<length> | <percentage>",
-			"references": [
+					name: "groupbox"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-left"
-				}
-			],
-			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-right",
-			"syntax": "<length> | <percentage>",
-			"references": [
+					name: "listbox"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-right"
-				}
-			],
-			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "padding-top",
-			"syntax": "<length> | <percentage>",
-			"references": [
+					name: "menuarrow"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-top"
-				}
-			],
-			"description": "Shorthand property to set values the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.",
-			"restrictions": [
-				"length",
-				"percentage"
-			]
-		},
-		{
-			name: "page-break-after",
-			values: [
+					name: "menuimage"
+				},
 				{
-					name: "always",
-					"description": "Always force a page break after the generated box."
+					name: "menuitem"
 				},
 				{
-					name: "auto",
-					"description": "Neither force nor forbid a page break after generated box."
+					name: "menuitemtext"
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a page break after the generated box."
+					name: "menulist"
 				},
 				{
-					name: "left",
-					"description": "Force one or two page breaks after the generated box so that the next page is formatted as a left page."
+					name: "menulist-button"
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks after the generated box so that the next page is formatted as a right page."
-				}
-			],
-			"syntax": "auto | always | avoid | left | right | recto | verso",
-			"references": [
+					name: "menulist-text"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-after"
-				}
-			],
-			"description": "Defines rules for page breaks after an element.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "page-break-before",
-			values: [
+					name: "menulist-textfield"
+				},
 				{
-					name: "always",
-					"description": "Always force a page break before the generated box."
+					name: "menupopup"
 				},
 				{
-					name: "auto",
-					"description": "Neither force nor forbid a page break before the generated box."
+					name: "menuradio"
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a page break before the generated box."
+					name: "menuseparator"
 				},
 				{
-					name: "left",
-					"description": "Force one or two page breaks before the generated box so that the next page is formatted as a left page."
+					name: "-moz-mac-unified-toolbar"
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks before the generated box so that the next page is formatted as a right page."
-				}
-			],
-			"syntax": "auto | always | avoid | left | right | recto | verso",
-			"references": [
+					name: "-moz-win-borderless-glass"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-before"
+					name: "-moz-win-browsertabbar-toolbox"
+				},
+				{
+					name: "-moz-win-communications-toolbox"
+				},
+				{
+					name: "-moz-win-glass"
+				},
+				{
+					name: "-moz-win-media-toolbox"
+				},
+				{
+					name: "none"
+				},
+				{
+					name: "progressbar"
+				},
+				{
+					name: "progresschunk"
+				},
+				{
+					name: "radio"
+				},
+				{
+					name: "radio-container"
+				},
+				{
+					name: "radio-label"
+				},
+				{
+					name: "radiomenuitem"
+				},
+				{
+					name: "resizer"
+				},
+				{
+					name: "resizerpanel"
+				},
+				{
+					name: "scrollbarbutton-down"
+				},
+				{
+					name: "scrollbarbutton-left"
+				},
+				{
+					name: "scrollbarbutton-right"
+				},
+				{
+					name: "scrollbarbutton-up"
+				},
+				{
+					name: "scrollbar-small"
+				},
+				{
+					name: "scrollbartrack-horizontal"
+				},
+				{
+					name: "scrollbartrack-vertical"
+				},
+				{
+					name: "separator"
+				},
+				{
+					name: "spinner"
+				},
+				{
+					name: "spinner-downbutton"
+				},
+				{
+					name: "spinner-textfield"
+				},
+				{
+					name: "spinner-upbutton"
+				},
+				{
+					name: "statusbar"
+				},
+				{
+					name: "statusbarpanel"
+				},
+				{
+					name: "tab"
+				},
+				{
+					name: "tabpanels"
+				},
+				{
+					name: "tab-scroll-arrow-back"
+				},
+				{
+					name: "tab-scroll-arrow-forward"
+				},
+				{
+					name: "textfield"
+				},
+				{
+					name: "textfield-multiline"
+				},
+				{
+					name: "toolbar"
+				},
+				{
+					name: "toolbox"
+				},
+				{
+					name: "tooltip"
+				},
+				{
+					name: "treeheadercell"
+				},
+				{
+					name: "treeheadersortarrow"
+				},
+				{
+					name: "treeitem"
+				},
+				{
+					name: "treetwistyopen"
+				},
+				{
+					name: "treeview"
+				},
+				{
+					name: "treewisty"
+				},
+				{
+					name: "window"
 				}
 			],
-			"description": "Defines rules for page breaks before an element.",
+			"status": "nonstandard",
+			"syntax": "none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized",
+			"description": "Used in Gecko (Firefox) to display an element using a platform-native styling based on the operating system's theme.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "page-break-inside",
+			name: "-moz-backface-visibility",
+			browsers: [
+				"FF10"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "Neither force nor forbid a page break inside the generated box."
+					name: "hidden"
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a page break inside the generated box."
+					name: "visible"
 				}
 			],
-			"syntax": "auto | avoid",
-			"references": [
+			"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-moz-background-clip",
+			browsers: [
+				"FF1-3.6"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/page-break-inside"
+					name: "padding"
 				}
 			],
-			"description": "Defines rules for page breaks inside an element.",
+			"description": "Determines the background painting area.",
 			"restrictions": [
+				"box",
 				"enum"
 			]
 		},
 		{
-			name: "paint-order",
+			name: "-moz-background-inline-policy",
 			browsers: [
-				"E17",
-				"FF60",
-				"S8",
-				"C35",
-				"O22"
+				"FF1"
 			],
 			values: [
 				{
-					name: "fill"
-				},
-				{
-					name: "markers"
+					name: "bounding-box"
 				},
 				{
-					name: "normal",
-					"description": "The element is painted with the standard order of painting operations: the 'fill' is painted first, then its 'stroke' and finally its markers."
+					name: "continuous"
 				},
 				{
-					name: "stroke"
-				}
-			],
-			"status": "experimental",
-			"syntax": "normal | [ fill || stroke || markers ]",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/paint-order"
+					name: "each-box"
 				}
 			],
-			"description": "Controls the order that the three paint operations that shapes and text are rendered with: their fill, their stroke and any markers they might have.",
+			"description": "In Gecko-based applications like Firefox, the -moz-background-inline-policy CSS property specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "perspective",
-			values: [
-				{
-					name: "none",
-					"description": "No perspective transform is applied."
-				}
-			],
-			"syntax": "none | <length>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/perspective"
-				}
+			name: "-moz-background-origin",
+			browsers: [
+				"FF1"
 			],
-			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
+			"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
 			"restrictions": [
-				"length",
-				"enum"
+				"box"
 			]
 		},
 		{
-			name: "perspective-origin",
-			"syntax": "<position>",
+			name: "-moz-border-bottom-colors",
+			browsers: [
+				"FF1"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>+ | none",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/perspective-origin"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-bottom-colors"
 				}
 			],
-			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
+			"description": "Sets a list of colors for the bottom border.",
 			"restrictions": [
-				"position",
-				"percentage",
-				"length"
+				"color"
 			]
 		},
 		{
-			name: "pointer-events",
+			name: "-moz-border-image",
+			browsers: [
+				"FF3.6"
+			],
 			values: [
 				{
-					name: "all",
-					"description": "The given element can be the target element for pointer events whenever the pointer is over either the interior or the perimeter of the element."
+					name: "auto",
+					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
 				},
 				{
 					name: "fill",
-					"description": "The given element can be the target element for pointer events whenever the pointer is over the interior of the element."
+					"description": "Causes the middle part of the border-image to be preserved."
 				},
 				{
-					name: "none",
-					"description": "The given element does not receive pointer events."
+					name: "none"
 				},
 				{
-					name: "painted",
-					"description": "The given element can be the target element for pointer events when the pointer is over a \"painted\" area. "
+					name: "repeat",
+					"description": "The image is tiled (repeated) to fill the area."
 				},
 				{
-					name: "stroke",
-					"description": "The given element can be the target element for pointer events whenever the pointer is over the perimeter of the element."
+					name: "round",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
 				},
 				{
-					name: "visible",
-					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and the pointer is over either the interior or the perimete of the element."
+					name: "space",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
 				},
 				{
-					name: "visibleFill",
-					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over the interior of the element."
-				},
-				{
-					name: "visiblePainted",
-					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over a ‘painted’ area."
+					name: "stretch",
+					"description": "The image is stretched to fill the area."
 				},
 				{
-					name: "visibleStroke",
-					"description": "The given element can be the target element for pointer events when the ‘visibility’ property is set to visible and when the pointer is over the perimeter of the element."
+					name: "url()"
 				}
 			],
-			"syntax": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
+			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
+			"restrictions": [
+				"length",
+				"percentage",
+				"number",
+				"url",
+				"enum"
+			]
+		},
+		{
+			name: "-moz-border-left-colors",
+			browsers: [
+				"FF1"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>+ | none",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/pointer-events"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-left-colors"
 				}
 			],
-			"description": "Specifies under what circumstances a given element can be the target element for a pointer event.",
+			"description": "Sets a list of colors for the bottom border.",
 			"restrictions": [
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "position",
-			values: [
+			name: "-moz-border-right-colors",
+			browsers: [
+				"FF1"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>+ | none",
+			"references": [
 				{
-					name: "absolute",
-					"description": "The box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's 'containing block'."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-right-colors"
+				}
+			],
+			"description": "Sets a list of colors for the bottom border.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-moz-border-top-colors",
+			browsers: [
+				"FF1"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>+ | none",
+			"references": [
 				{
-					name: "fixed",
-					"description": "The box's position is calculated according to the 'absolute' model, but in addition, the box is fixed with respect to some reference. As with the 'absolute' model, the box's margins do not collapse with any other margins."
-				},
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-border-top-colors"
+				}
+			],
+			"description": "Ske Firefox, -moz-border-bottom-colors sets a list of colors for the bottom border.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-moz-box-align",
+			browsers: [
+				"FF1"
+			],
+			values: [
 				{
-					name: "-ms-page",
-					"description": "The box's position is calculated according to the 'absolute' model."
+					name: "baseline",
+					"description": "If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used."
 				},
 				{
-					name: "relative",
-					"description": "The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position."
+					name: "center",
+					"description": "Any extra space is divided evenly, with half placed above the child and the other half placed after the child."
 				},
 				{
-					name: "static",
-					"description": "The box is a normal box, laid out according to the normal flow. The 'top', 'right', 'bottom', and 'left' properties do not apply."
+					name: "end",
+					"description": "For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element."
 				},
 				{
-					name: "sticky",
-					"description": "The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes."
+					name: "start",
+					"description": "For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element."
 				},
 				{
-					name: "-webkit-sticky",
-					"description": "The box's position is calculated according to the normal flow. Then the box is offset relative to its flow root and containing block and in all cases, including table elements, does not affect the position of any following boxes."
+					name: "stretch",
+					"description": "The height of each child is adjusted to that of the containing block."
 				}
 			],
-			"syntax": "static | relative | absolute | sticky | fixed",
-			"references": [
+			"description": "Specifies how a XUL box aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-moz-box-direction",
+			browsers: [
+				"FF1"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/position"
+					name: "normal",
+					"description": "A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom."
+				},
+				{
+					name: "reverse",
+					"description": "A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top."
 				}
 			],
+			"description": "Specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "prefix",
+			name: "-moz-box-flex",
 			browsers: [
-				"FF33"
+				"FF1"
 			],
-			"syntax": "<symbol>",
-			"description": "@counter-style descriptor. Specifies a <symbol> that is prepended to the marker representation.",
+			"description": "Specifies how a box grows to fill the box that contains it, in the direction of the containing box's layout.",
 			"restrictions": [
-				"image",
-				"string",
-				"identifier"
+				"number"
 			]
 		},
 		{
-			name: "quotes",
-			values: [
-				{
-					name: "none",
-					"description": "The 'open-quote' and 'close-quote' values of the 'content' property produce no quotations marks, as if they were 'no-open-quote' and 'no-close-quote' respectively."
-				}
+			name: "-moz-box-flexgroup",
+			browsers: [
+				"FF1"
 			],
-			"syntax": "none | [ <string> <string> ]+",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/quotes"
-				}
+			"description": "Flexible elements can be assigned to flex groups using the 'box-flex-group' property.",
+			"restrictions": [
+				"integer"
+			]
+		},
+		{
+			name: "-moz-box-ordinal-group",
+			browsers: [
+				"FF1"
 			],
-			"description": "Specifies quotation marks for any number of embedded quotations.",
+			"description": "Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.",
 			"restrictions": [
-				"string"
+				"integer"
 			]
 		},
 		{
-			name: "range",
+			name: "-moz-box-orient",
 			browsers: [
-				"FF33"
+				"FF1"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "The range depends on the counter system."
+					name: "block-axis",
+					"description": "Elements are oriented along the box's axis."
 				},
 				{
-					name: "infinite",
-					"description": "If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity."
+					name: "horizontal",
+					"description": "The box displays its children from left to right in a horizontal line."
+				},
+				{
+					name: "inline-axis",
+					"description": "Elements are oriented vertically."
+				},
+				{
+					name: "vertical",
+					"description": "The box displays its children from stacked from top to bottom vertically."
 				}
 			],
-			"syntax": "[ [ <integer> | infinite ]{2} ]# | auto",
-			"description": "@counter-style descriptor. Defines the ranges over which the counter style is defined.",
+			"description": "In Mozilla applications, -moz-box-orient specifies whether a box lays out its contents horizontally or vertically.",
 			"restrictions": [
-				"integer",
 				"enum"
 			]
 		},
 		{
-			name: "resize",
+			name: "-moz-box-pack",
 			browsers: [
-				"FF4",
-				"S3",
-				"C1",
-				"O12.1"
+				"FF1"
 			],
 			values: [
 				{
-					name: "both",
-					"description": "The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element."
+					name: "center",
+					"description": "The extra space is divided evenly, with half placed before the first child and the other half placed after the last child."
 				},
 				{
-					name: "horizontal",
-					"description": "The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element."
+					name: "end",
+					"description": "For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child."
 				},
 				{
-					name: "none",
-					"description": "The UA does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element."
+					name: "justify",
+					"description": "The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start."
 				},
 				{
-					name: "vertical",
-					"description": "The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element."
-				}
-			],
-			"syntax": "none | both | horizontal | vertical | block | inline",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/resize"
+					name: "start",
+					"description": "For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child."
 				}
 			],
-			"description": "Specifies whether or not an element is resizable by the user, and if so, along which axis/axes.",
+			"description": "Specifies how a box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "right",
+			name: "-moz-box-sizing",
+			browsers: [
+				"FF1"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
-				}
-			],
-			"syntax": "<length> | <percentage> | auto",
-			"references": [
+					name: "border-box",
+					"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/right"
+					name: "content-box",
+					"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
+				},
+				{
+					name: "padding-box",
+					"description": "The specified width and height (and respective min/max properties) on this element determine the padding box of the element."
 				}
 			],
-			"description": "Specifies how far an absolutely positioned box's right margin edge is offset to the left of the right edge of the box's 'containing block'.",
+			"description": "Box Model addition in CSS3.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "ruby-align",
+			name: "-moz-column-count",
 			browsers: [
-				"FF38"
+				"FF3.5"
 			],
 			values: [
 				{
 					name: "auto",
-					browsers: [
-						"FF38"
-					],
-					"description": "The user agent determines how the ruby contents are aligned. This is the initial value."
-				},
-				{
-					name: "center",
-					"description": "The ruby content is centered within its box."
-				},
-				{
-					name: "distribute-letter",
-					browsers: [
-						"FF38"
-					],
-					"description": "If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with the first and last ruby text glyphs lining up with the corresponding first and last base glyphs. If the width of the ruby text is at least the width of the base, then the letters of the base are evenly distributed across the width of the ruby text."
-				},
-				{
-					name: "distribute-space",
-					browsers: [
-						"FF38"
-					],
-					"description": "If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with a certain amount of white space preceding the first and following the last character in the ruby text. That amount of white space is normally equal to half the amount of inter-character space of the ruby text."
-				},
-				{
-					name: "left",
-					"description": "The ruby text content is aligned with the start edge of the base."
-				},
-				{
-					name: "line-edge",
-					browsers: [
-						"FF38"
-					],
-					"description": "If the ruby text is not adjacent to a line edge, it is aligned as in 'auto'. If it is adjacent to a line edge, then it is still aligned as in auto, but the side of the ruby text that touches the end of the line is lined up with the corresponding edge of the base."
-				},
-				{
-					name: "right",
-					browsers: [
-						"FF38"
-					],
-					"description": "The ruby text content is aligned with the end edge of the base."
-				},
-				{
-					name: "start",
-					browsers: [
-						"FF38"
-					],
-					"description": "The ruby text content is aligned with the start edge of the base."
-				},
-				{
-					name: "space-between",
-					browsers: [
-						"FF38"
-					],
-					"description": "The ruby content expands as defined for normal text justification (as defined by 'text-justify'),"
-				},
-				{
-					name: "space-around",
-					browsers: [
-						"FF38"
-					],
-					"description": "As for 'space-between' except that there exists an extra justification opportunities whose space is distributed half before and half after the ruby content."
-				}
-			],
-			"status": "experimental",
-			"syntax": "start | center | space-between | space-around",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/ruby-align"
-				}
-			],
-			"description": "Specifies how text is distributed within the various ruby boxes when their contents do not exactly fill their respective boxes.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "ruby-overhang",
-			browsers: [
-				"FF10",
-				"IE5"
-			],
-			values: [
-				{
-					name: "auto",
-					"description": "The ruby text can overhang text adjacent to the base on either side. This is the initial value."
-				},
-				{
-					name: "end",
-					"description": "The ruby text can overhang the text that follows it."
-				},
-				{
-					name: "none",
-					"description": "The ruby text cannot overhang any text adjacent to its base, only its own base."
-				},
-				{
-					name: "start",
-					"description": "The ruby text can overhang the text that precedes it."
-				}
-			],
-			"description": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "ruby-position",
-			browsers: [
-				"E12",
-				"FF38"
-			],
-			values: [
-				{
-					name: "after",
-					"description": "The ruby text appears after the base. This is a relatively rare setting used in ideographic East Asian writing systems, most easily found in educational text."
-				},
-				{
-					name: "before",
-					"description": "The ruby text appears before the base. This is the most common setting used in ideographic East Asian writing systems."
-				},
-				{
-					name: "inline"
-				},
-				{
-					name: "right",
-					"description": "The ruby text appears on the right of the base. Unlike 'before' and 'after', this value is not relative to the text flow direction."
-				}
-			],
-			"status": "experimental",
-			"syntax": "over | under | inter-character",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/ruby-position"
+					"description": "Determines the number of columns by the 'column-width' property and the element width."
 				}
 			],
-			"description": "Used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base.",
+			"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
 			"restrictions": [
-				"enum"
+				"integer"
 			]
 		},
 		{
-			name: "ruby-span",
+			name: "-moz-column-gap",
 			browsers: [
-				"FF10"
+				"FF3.5"
 			],
 			values: [
 				{
-					name: "attr(x)",
-					"description": "The value of attribute 'x' is a string value. The string value is evaluated as a <number> to determine the number of ruby base elements to be spanned by the annotation element."
-				},
-				{
-					name: "none",
-					"description": "No spanning. The computed value is '1'."
+					name: "normal",
+					"description": "User agent specific and typically equivalent to 1em."
 				}
 			],
-			"description": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.",
+			"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
 			"restrictions": [
-				"enum"
+				"length"
 			]
 		},
 		{
-			name: "scrollbar-3dlight-color",
+			name: "-moz-column-rule",
 			browsers: [
-				"IE5"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-3dlight-color"
-				}
+				"FF3.5"
 			],
-			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
+			"description": "Shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
 			"restrictions": [
+				"length",
+				"line-width",
+				"line-style",
 				"color"
 			]
 		},
 		{
-			name: "scrollbar-arrow-color",
+			name: "-moz-column-rule-color",
 			browsers: [
-				"IE5"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-arrow-color"
-				}
+				"FF3.5"
 			],
-			"description": "Determines the color of the arrow elements of a scroll arrow.",
+			"description": "Sets the color of the column rule",
 			"restrictions": [
 				"color"
 			]
 		},
 		{
-			name: "scrollbar-base-color",
+			name: "-moz-column-rule-style",
 			browsers: [
-				"IE5"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-base-color"
-				}
+				"FF3.5"
 			],
-			"description": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.",
+			"description": "Sets the style of the rule between columns of an element.",
 			"restrictions": [
-				"color"
+				"line-style"
 			]
 		},
 		{
-			name: "scrollbar-darkshadow-color",
+			name: "-moz-column-rule-width",
 			browsers: [
-				"IE5"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-darkshadow-color"
-				}
+				"FF3.5"
 			],
-			"description": "Determines the color of the gutter of a scroll bar.",
+			"description": "Sets the width of the rule between columns. Negative values are not allowed.",
 			"restrictions": [
-				"color"
+				"length",
+				"line-width"
 			]
 		},
 		{
-			name: "scrollbar-face-color",
+			name: "-moz-columns",
 			browsers: [
-				"IE5"
+				"FF9"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-face-color"
+					name: "auto",
+					"description": "The width depends on the values of other properties."
 				}
 			],
-			"description": "Determines the color of the scroll box and scroll arrows of a scroll bar.",
+			"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
 			"restrictions": [
-				"color"
+				"length",
+				"integer"
 			]
 		},
 		{
-			name: "scrollbar-highlight-color",
+			name: "-moz-column-width",
 			browsers: [
-				"IE5"
+				"FF3.5"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-highlight-color"
+					name: "auto",
+					"description": "The width depends on the values of other properties."
 				}
 			],
-			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
+			"description": "This property describes the width of columns in multicol elements.",
 			"restrictions": [
-				"color"
+				"length"
 			]
 		},
 		{
-			name: "scrollbar-shadow-color",
+			name: "-moz-font-feature-settings",
 			browsers: [
-				"IE5"
+				"FF4"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-shadow-color"
-				}
-			],
-			"description": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.",
-			"restrictions": [
-				"color"
-			]
-		},
-		{
-			name: "scrollbar-track-color",
-			browsers: [
-				"IE5"
-			],
-			"references": [
+					name: "\"c2cs\""
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-track-color"
+					name: "\"dlig\""
+				},
+				{
+					name: "\"kern\""
+				},
+				{
+					name: "\"liga\""
+				},
+				{
+					name: "\"lnum\""
+				},
+				{
+					name: "\"onum\""
+				},
+				{
+					name: "\"smcp\""
+				},
+				{
+					name: "\"swsh\""
+				},
+				{
+					name: "\"tnum\""
+				},
+				{
+					name: "normal",
+					"description": "No change in glyph substitution or positioning occurs."
+				},
+				{
+					name: "off",
+					browsers: [
+						"FF4"
+					]
+				},
+				{
+					name: "on",
+					browsers: [
+						"FF4"
+					]
 				}
 			],
-			"description": "Determines the color of the track element of a scroll bar.",
+			"description": "Provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
 			"restrictions": [
-				"color"
+				"string",
+				"integer"
 			]
 		},
 		{
-			name: "scroll-behavior",
+			name: "-moz-hyphens",
 			browsers: [
-				"FF36",
-				"C61",
-				"O48"
+				"FF9"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "Scrolls in an instant fashion."
+					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
 				},
 				{
-					name: "smooth",
-					"description": "Scrolls in a smooth fashion using a user-agent-defined timing function and time period."
-				}
-			],
-			"syntax": "auto | smooth",
-			"references": [
+					name: "manual",
+					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-behavior"
+					name: "none",
+					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
 				}
 			],
-			"description": "Specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.",
+			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "scroll-snap-coordinate",
+			name: "-moz-perspective",
 			browsers: [
-				"FF39"
+				"FF10"
 			],
 			values: [
 				{
 					name: "none",
-					"description": "Specifies that this element does not contribute a snap point."
-				}
-			],
-			"status": "obsolete",
-			"syntax": "none | <position>#",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-coordinate"
+					"description": "No perspective transform is applied."
 				}
 			],
-			"description": "Defines the x and y coordinate within the element which will align with the nearest ancestor scroll container’s snap-destination for the respective axis.",
+			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
 			"restrictions": [
-				"position",
-				"length",
-				"percentage",
-				"enum"
+				"length"
 			]
 		},
 		{
-			name: "scroll-snap-destination",
+			name: "-moz-perspective-origin",
 			browsers: [
-				"FF39"
-			],
-			"status": "obsolete",
-			"syntax": "<position>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-destination"
-				}
+				"FF10"
 			],
-			"description": "Define the x and y coordinate within the scroll container’s visual viewport which element snap points will align with.",
+			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
 			"restrictions": [
 				"position",
-				"length",
-				"percentage"
+				"percentage",
+				"length"
 			]
 		},
 		{
-			name: "scroll-snap-points-x",
+			name: "-moz-text-align-last",
 			browsers: [
-				"FF39",
-				"S9"
+				"FF12"
 			],
 			values: [
 				{
-					name: "none",
-					"description": "No snap points are defined by this scroll container."
+					name: "auto"
 				},
 				{
-					name: "repeat()",
-					"description": "Defines an interval at which snap points are defined, starting from the container’s relevant start edge."
-				}
-			],
-			"status": "obsolete",
-			"syntax": "none | repeat( <length-percentage> )",
-			"references": [
+					name: "center",
+					"description": "The inline contents are centered within the line box."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-x"
+					name: "justify",
+					"description": "The text is justified according to the method specified by the 'text-justify' property."
+				},
+				{
+					name: "left",
+					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
+				},
+				{
+					name: "right",
+					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
 				}
 			],
-			"description": "Defines the positioning of snap points along the x axis of the scroll container it is applied to.",
+			"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "scroll-snap-points-y",
+			name: "-moz-text-decoration-color",
 			browsers: [
-				"FF39",
-				"S9"
+				"FF6"
+			],
+			"description": "Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-moz-text-decoration-line",
+			browsers: [
+				"FF6"
 			],
 			values: [
+				{
+					name: "line-through",
+					"description": "Each line of text has a line through the middle."
+				},
 				{
 					name: "none",
-					"description": "No snap points are defined by this scroll container."
+					"description": "Neither produces nor inhibits text decoration."
 				},
 				{
-					name: "repeat()",
-					"description": "Defines an interval at which snap points are defined, starting from the container’s relevant start edge."
-				}
-			],
-			"status": "obsolete",
-			"syntax": "none | repeat( <length-percentage> )",
-			"references": [
+					name: "overline",
+					"description": "Each line of text has a line above it."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-y"
+					name: "underline",
+					"description": "Each line of text is underlined."
 				}
 			],
-			"description": "Defines the positioning of snap points along the y axis of the scroll container it is applied to.",
+			"description": "Specifies what line decorations, if any, are added to the element.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "scroll-snap-type",
+			name: "-moz-text-decoration-style",
+			browsers: [
+				"FF6"
+			],
 			values: [
 				{
-					name: "none",
-					"description": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled."
+					name: "dashed",
+					"description": "Produces a dashed line style."
 				},
 				{
-					name: "mandatory",
-					"description": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations."
+					name: "dotted",
+					"description": "Produces a dotted line."
 				},
 				{
-					name: "proximity",
-					"description": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll."
-				}
-			],
-			"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
-			"references": [
+					name: "double",
+					"description": "Produces a double line."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type"
+					name: "none",
+					"description": "Produces no line."
+				},
+				{
+					name: "solid",
+					"description": "Produces a solid line."
+				},
+				{
+					name: "wavy",
+					"description": "Produces a wavy line."
 				}
 			],
-			"description": "Defines how strictly snap points are enforced on the scroll container.",
+			"description": "Specifies the line style for underline, line-through and overline text decoration.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "shape-image-threshold",
+			name: "-moz-text-size-adjust",
 			browsers: [
-				"FF62",
-				"S10.1",
-				"C37",
-				"O24"
+				"FF"
 			],
-			"syntax": "<number>",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold"
-				}
-			],
-			"description": "Defines the alpha channel threshold used to extract the shape using an image. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.",
-			"restrictions": [
-				"number"
-			]
-		},
-		{
-			name: "shape-margin",
-			browsers: [
-				"FF62",
-				"S10.1",
-				"C37",
-				"O24"
-			],
-			"syntax": "<length-percentage>",
-			"references": [
+					name: "auto",
+					"description": "Renderers must use the default size adjustment when displaying on a small device."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/shape-margin"
+					name: "none",
+					"description": "Renderers must not do size adjustment when displaying on a small device."
 				}
 			],
-			"description": "Adds a margin to a 'shape-outside'. This defines a new shape that is the smallest contour that includes all the points that are the 'shape-margin' distance outward in the perpendicular direction from a point on the underlying shape.",
+			"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
 			"restrictions": [
-				"url",
-				"length",
+				"enum",
 				"percentage"
 			]
 		},
 		{
-			name: "shape-outside",
+			name: "-moz-transform",
 			browsers: [
-				"FF62",
-				"S10.1",
-				"C37",
-				"O24"
+				"FF3.5"
 			],
 			values: [
 				{
-					name: "margin-box",
-					"description": "The background is painted within (clipped to) the margin box."
+					name: "matrix()",
+					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
 				},
 				{
-					name: "none",
-					"description": "The float area is unaffected."
-				}
-			],
-			"syntax": "none | <shape-box> || <basic-shape> | <image>",
-			"references": [
+					name: "matrix3d()",
+					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/shape-outside"
-				}
-			],
-			"description": "Specifies an orthogonal rotation to be applied to an image before it is laid out.",
-			"restrictions": [
-				"image",
-				"box",
-				"shape",
-				"enum"
-			]
-		},
-		{
-			name: "shape-rendering",
-			values: [
+					name: "none"
+				},
 				{
-					name: "auto",
-					"description": "Suppresses aural rendering."
+					name: "perspective",
+					"description": "Specifies a perspective projection matrix."
 				},
 				{
-					name: "crispEdges",
-					"description": "Emphasize the contrast between clean edges of artwork over rendering speed and geometric precision."
+					name: "rotate()",
+					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
 				},
 				{
-					name: "geometricPrecision",
-					"description": "Emphasize geometric precision over speed and crisp edges."
+					name: "rotate3d()",
+					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
 				},
 				{
-					name: "optimizeSpeed",
-					"description": "Emphasize rendering speed over geometric precision and crisp edges."
+					name: "rotateX('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the X axis."
+				},
+				{
+					name: "rotateY('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
+				},
+				{
+					name: "rotateZ('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
+				},
+				{
+					name: "scale()",
+					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
+				},
+				{
+					name: "scale3d()",
+					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
+				},
+				{
+					name: "scaleX()",
+					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
+				},
+				{
+					name: "scaleY()",
+					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
+				},
+				{
+					name: "scaleZ()",
+					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
+				},
+				{
+					name: "skew()",
+					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
+				},
+				{
+					name: "skewX()",
+					"description": "Specifies a skew transformation along the X axis by the given angle."
+				},
+				{
+					name: "skewY()",
+					"description": "Specifies a skew transformation along the Y axis by the given angle."
+				},
+				{
+					name: "translate()",
+					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
+				},
+				{
+					name: "translate3d()",
+					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+				},
+				{
+					name: "translateX()",
+					"description": "Specifies a translation by the given amount in the X direction."
+				},
+				{
+					name: "translateY()",
+					"description": "Specifies a translation by the given amount in the Y direction."
+				},
+				{
+					name: "translateZ()",
+					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
 				}
 			],
-			"description": "Provides hints about what tradeoffs to make as it renders vector graphics elements such as <path> elements and basic shapes such as circles and rectangles.",
+			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "size",
+			name: "-moz-transform-origin",
 			browsers: [
-				"C",
-				"O8"
+				"FF3.5"
 			],
+			"description": "Establishes the origin of transformation for an element.",
 			"restrictions": [
-				"length"
+				"position",
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "src",
+			name: "-moz-transition",
+			browsers: [
+				"FF4"
+			],
 			values: [
 				{
-					name: "url()",
-					"description": "Reference font by URL"
-				},
-				{
-					name: "format()",
-					"description": "Optional hint describing the format of the font resource."
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
 				},
 				{
-					name: "local()",
-					"description": "Format-specific string that identifies a locally available copy of a given font."
+					name: "none",
+					"description": "No property will transition."
 				}
 			],
-			"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
-			"description": "@font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed.",
+			"description": "Shorthand property combines four of the transition properties into a single property.",
 			"restrictions": [
-				"enum",
-				"url",
-				"identifier"
+				"time",
+				"property",
+				"timing-function",
+				"enum"
 			]
 		},
 		{
-			name: "stop-color",
-			"description": "Indicates what color to use at that gradient stop.",
+			name: "-moz-transition-delay",
+			browsers: [
+				"FF4"
+			],
+			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
 			"restrictions": [
-				"color"
+				"time"
 			]
 		},
 		{
-			name: "stop-opacity",
-			"description": "Defines the opacity of a given gradient stop.",
+			name: "-moz-transition-duration",
+			browsers: [
+				"FF4"
+			],
+			"description": "Specifies how long the transition from the old value to the new value should take.",
 			"restrictions": [
-				"number(0-1)"
+				"time"
 			]
 		},
 		{
-			name: "stroke",
+			name: "-moz-transition-property",
+			browsers: [
+				"FF4"
+			],
 			values: [
 				{
-					name: "url()",
-					"description": "A URL reference to a paint server element, which is an element that defines a paint server: ‘hatch’, ‘linearGradient’, ‘mesh’, ‘pattern’, ‘radialGradient’ and ‘solidcolor’."
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
 				},
 				{
 					name: "none",
-					"description": "No paint is applied in this layer."
+					"description": "No property will transition."
 				}
 			],
-			"description": "Paints along the outline of the given graphical element.",
+			"description": "Specifies the name of the CSS property to which the transition is applied.",
 			"restrictions": [
-				"color",
-				"enum",
-				"url"
+				"property"
 			]
 		},
 		{
-			name: "stroke-dasharray",
-			values: [
-				{
-					name: "none",
-					"description": "Indicates that no dashing is used."
-				}
+			name: "-moz-transition-timing-function",
+			browsers: [
+				"FF4"
 			],
-			"description": "Controls the pattern of dashes and gaps used to stroke paths.",
-			"restrictions": [
-				"length",
-				"percentage",
-				"number",
-				"enum"
-			]
-		},
-		{
-			name: "stroke-dashoffset",
-			"description": "Specifies the distance into the dash pattern to start the dash.",
+			"description": "Describes how the intermediate values used during a transition will be calculated.",
 			"restrictions": [
-				"percentage",
-				"length"
+				"timing-function"
 			]
 		},
 		{
-			name: "stroke-linecap",
+			name: "-moz-user-focus",
+			browsers: [
+				"FF1"
+			],
 			values: [
 				{
-					name: "butt",
-					"description": "Indicates that the stroke for each subpath does not extend beyond its two endpoints."
+					name: "ignore"
 				},
 				{
-					name: "round",
-					"description": "Indicates that at each end of each subpath, the shape representing the stroke will be extended by a half circle with a radius equal to the stroke width."
-				},
+					name: "normal"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "ignore | normal | select-after | select-before | select-menu | select-same | select-all | none",
+			"references": [
 				{
-					name: "square",
-					"description": "Indicates that at the end of each subpath, the shape representing the stroke will be extended by a rectangle with the same width as the stroke width and whose length is half of the stroke width."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-user-focus"
 				}
 			],
-			"description": "Specifies the shape to be used at the end of open subpaths when they are stroked.",
-			"restrictions": [
-				"enum"
-			]
+			"description": "Used to indicate whether the element can have focus."
 		},
 		{
-			name: "stroke-linejoin",
+			name: "-moz-user-select",
+			browsers: [
+				"FF1.5"
+			],
 			values: [
 				{
-					name: "bevel",
-					"description": "Indicates that a bevelled corner is to be used to join path segments."
+					name: "all"
 				},
 				{
-					name: "miter",
-					"description": "Indicates that a sharp corner is to be used to join path segments."
+					name: "element"
 				},
 				{
-					name: "round",
-					"description": "Indicates that a round corner is to be used to join path segments."
-				}
-			],
-			"description": "Specifies the shape to be used at the corners of paths or basic shapes when they are stroked.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "stroke-miterlimit",
-			"description": "When two line segments meet at a sharp angle and miter joins have been specified for 'stroke-linejoin', it is possible for the miter to extend far beyond the thickness of the line stroking the path.",
-			"restrictions": [
-				"number"
-			]
-		},
-		{
-			name: "stroke-opacity",
-			"description": "Specifies the opacity of the painting operation used to stroke the current object.",
+					name: "elements"
+				},
+				{
+					name: "-moz-all"
+				},
+				{
+					name: "-moz-none"
+				},
+				{
+					name: "none"
+				},
+				{
+					name: "text"
+				},
+				{
+					name: "toggle"
+				}
+			],
+			"description": "Controls the appearance of selection.",
 			"restrictions": [
-				"number(0-1)"
+				"enum"
 			]
 		},
 		{
-			name: "stroke-width",
-			"description": "Specifies the width of the stroke on the current object.",
+			name: "-ms-accelerator",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
+				{
+					name: "false",
+					"description": "The element does not contain an accelerator key sequence."
+				},
+				{
+					name: "true",
+					"description": "The element contains an accelerator key sequence."
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "false | true",
+			"description": "IE only. Has the ability to turn off its system underlines for accelerator keys until the ALT key is pressed",
 			"restrictions": [
-				"percentage",
-				"length"
+				"enum"
 			]
 		},
 		{
-			name: "suffix",
+			name: "-ms-behavior",
 			browsers: [
-				"FF33"
+				"IE8"
 			],
-			"syntax": "<symbol>",
-			"description": "@counter-style descriptor. Specifies a <symbol> that is appended to the marker representation.",
+			"description": "IE only. Used to extend behaviors of the browser",
 			"restrictions": [
-				"image",
-				"string",
-				"identifier"
+				"url"
 			]
 		},
 		{
-			name: "system",
+			name: "-ms-block-progression",
 			browsers: [
-				"FF33"
+				"IE8"
 			],
 			values: [
 				{
-					name: "additive",
-					"description": "Represents “sign-value” numbering systems, which, rather than using reusing digits in different positions to change their value, define additional digits with much larger values, so that the value of the number can be obtained by adding all the digits together."
-				},
-				{
-					name: "alphabetic",
-					"description": "Interprets the list of counter symbols as digits to an alphabetic numbering system, similar to the default lower-alpha counter style, which wraps from \"a\", \"b\", \"c\", to \"aa\", \"ab\", \"ac\"."
-				},
-				{
-					name: "cyclic",
-					"description": "Cycles repeatedly through its provided symbols, looping back to the beginning when it reaches the end of the list."
-				},
-				{
-					name: "extends",
-					"description": "Use the algorithm of another counter style, but alter other aspects."
+					name: "bt",
+					"description": "Bottom-to-top block flow. Layout is horizontal."
 				},
 				{
-					name: "fixed",
-					"description": "Runs through its list of counter symbols once, then falls back."
+					name: "lr",
+					"description": "Left-to-right direction. The flow orientation is vertical."
 				},
 				{
-					name: "numeric",
-					"description": "interprets the list of counter symbols as digits to a \"place-value\" numbering system, similar to the default 'decimal' counter style."
+					name: "rl",
+					"description": "Right-to-left direction. The flow orientation is vertical."
 				},
 				{
-					name: "symbolic",
-					"description": "Cycles repeatedly through its provided symbols, doubling, tripling, etc. the symbols on each successive pass through the list."
+					name: "tb",
+					"description": "Top-to-bottom direction. The flow orientation is horizontal."
 				}
 			],
-			"syntax": "cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]",
-			"description": "@counter-style descriptor. Specifies which algorithm will be used to construct the counter’s representation based on the counter value.",
+			"status": "nonstandard",
+			"syntax": "tb | rl | bt | lr",
+			"description": "Sets the block-progression value and the flow orientation",
 			"restrictions": [
-				"enum",
-				"integer"
+				"enum"
 			]
 		},
 		{
-			name: "symbols",
+			name: "-ms-content-zoom-chaining",
 			browsers: [
-				"FF33"
+				"E",
+				"IE10"
 			],
-			"syntax": "<symbol>+",
-			"description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor.",
-			"restrictions": [
-				"image",
-				"string",
-				"identifier"
-			]
-		},
-		{
-			name: "table-layout",
 			values: [
 				{
-					name: "auto",
-					"description": "Use any automatic table layout algorithm."
+					name: "chained",
+					"description": "The nearest zoomable parent element begins zooming when the user hits a zoom limit during a manipulation. No bounce effect is shown."
 				},
 				{
-					name: "fixed",
-					"description": "Use the fixed table layout algorithm."
+					name: "none",
+					"description": "A bounce effect is shown when the user hits a zoom limit during a manipulation."
 				}
 			],
-			"syntax": "auto | fixed",
-			"references": [
+			"status": "nonstandard",
+			"syntax": "none | chained",
+			"description": "Specifies the zoom behavior that occurs when a user hits the zoom limit during a manipulation."
+		},
+		{
+			name: "-ms-content-zooming",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/table-layout"
+					name: "none",
+					"description": "The element is not zoomable."
+				},
+				{
+					name: "zoom",
+					"description": "The element is zoomable."
 				}
 			],
-			"description": "Controls the algorithm used to lay out the table cells, rows, and columns.",
+			"status": "nonstandard",
+			"syntax": "none | zoom",
+			"description": "Specifies whether zooming is enabled.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "tab-size",
+			name: "-ms-content-zoom-limit",
 			browsers: [
-				"FF4",
-				"S6.1",
-				"C21",
-				"O15"
+				"E",
+				"IE10"
 			],
-			"syntax": "<integer> | <length>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/tab-size"
-				}
+			"status": "nonstandard",
+			"syntax": "<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>",
+			"description": "Shorthand property for the -ms-content-zoom-limit-min and -ms-content-zoom-limit-max properties.",
+			"restrictions": [
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-content-zoom-limit-max",
+			browsers: [
+				"E",
+				"IE10"
 			],
-			"description": "Determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.",
+			"status": "nonstandard",
+			"syntax": "<percentage>",
+			"description": "Specifies the maximum zoom factor.",
 			"restrictions": [
-				"integer",
-				"length"
+				"percentage"
 			]
 		},
 		{
-			name: "text-align",
+			name: "-ms-content-zoom-limit-min",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			"status": "nonstandard",
+			"syntax": "<percentage>",
+			"description": "Specifies the minimum zoom factor.",
+			"restrictions": [
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-content-zoom-snap",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "center",
-					"description": "The inline contents are centered within the line box."
-				},
-				{
-					name: "end",
-					"description": "The inline contents are aligned to the end edge of the line box."
+					name: "mandatory",
+					"description": "Indicates that the motion of the content after the contact is picked up is always adjusted so that it lands on a snap-point."
 				},
 				{
-					name: "justify",
-					"description": "The text is justified according to the method specified by the 'text-justify' property."
+					name: "none",
+					"description": "Indicates that zooming is unaffected by any defined snap-points."
 				},
 				{
-					name: "left",
-					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
+					name: "proximity",
+					"description": "Indicates that the motion of the content after the contact is picked up may be adjusted if the content would normally stop \"close enough\" to a snap-point."
 				},
 				{
-					name: "right",
-					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
+					name: "snapInterval(100%, 100%)",
+					"description": "Specifies where the snap-points will be placed."
 				},
 				{
-					name: "start",
-					"description": "The inline contents are aligned to the start edge of the line box."
-				}
-			],
-			"syntax": "start | end | left | right | center | justify | match-parent",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-align"
+					name: "snapList()",
+					"description": "Specifies the position of individual snap-points as a comma-separated list of zoom factors."
 				}
 			],
-			"description": "Describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box.",
-			"restrictions": [
-				"string"
-			]
+			"status": "nonstandard",
+			"syntax": "<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>",
+			"description": "Shorthand property for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points properties."
 		},
 		{
-			name: "text-align-last",
+			name: "-ms-content-zoom-snap-points",
 			browsers: [
-				"E12",
-				"FF49",
-				"C47",
-				"IE5.5",
-				"O"
+				"E",
+				"IE10"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "Content on the affected line is aligned per 'text-align' unless 'text-align' is set to 'justify', in which case it is 'start-aligned'."
+					name: "snapInterval(100%, 100%)",
+					"description": "Specifies where the snap-points will be placed."
 				},
 				{
-					name: "center",
-					"description": "The inline contents are centered within the line box."
-				},
+					name: "snapList()",
+					"description": "Specifies the position of individual snap-points as a comma-separated list of zoom factors."
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )",
+			"description": "Defines where zoom snap-points are located."
+		},
+		{
+			name: "-ms-content-zoom-snap-type",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "justify",
-					"description": "The text is justified according to the method specified by the 'text-justify' property."
+					name: "mandatory",
+					"description": "Indicates that the motion of the content after the contact is picked up is always adjusted so that it lands on a snap-point."
 				},
 				{
-					name: "left",
-					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
+					name: "none",
+					"description": "Indicates that zooming is unaffected by any defined snap-points."
 				},
 				{
-					name: "right",
-					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
-				}
-			],
-			"syntax": "auto | start | end | left | right | center | justify",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-align-last"
+					name: "proximity",
+					"description": "Indicates that the motion of the content after the contact is picked up may be adjusted if the content would normally stop \"close enough\" to a snap-point."
 				}
 			],
-			"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
+			"status": "nonstandard",
+			"syntax": "none | proximity | mandatory",
+			"description": "Specifies how zooming is affected by defined snap-points.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "text-anchor",
+			name: "-ms-filter",
+			browsers: [
+				"IE8-9"
+			],
+			"status": "nonstandard",
+			"syntax": "<string>",
+			"description": "IE only. Used to produce visual effects.",
+			"restrictions": [
+				"string"
+			]
+		},
+		{
+			name: "-ms-flex",
+			browsers: [
+				"IE10"
+			],
 			values: [
 				{
-					name: "end",
-					"description": "The rendered characters are aligned such that the end of the resulting rendered text is at the initial current text position."
-				},
-				{
-					name: "middle",
-					"description": "The rendered characters are aligned such that the geometric middle of the resulting rendered text is at the initial current text position."
+					name: "auto",
+					"description": "Retrieves the value of the main size property as the used 'flex-basis'."
 				},
 				{
-					name: "start",
-					"description": "The rendered characters are aligned such that the start of the resulting rendered text is at the initial current text position."
+					name: "none",
+					"description": "Expands to '0 0 auto'."
 				}
 			],
-			"description": "Used to align (start-, middle- or end-alignment) a string of text relative to a given point.",
+			"description": "specifies the parameters of a flexible length: the positive and negative flexibility, and the preferred size.",
 			"restrictions": [
-				"enum"
+				"length",
+				"number",
+				"percentage"
 			]
 		},
 		{
-			name: "text-decoration",
+			name: "-ms-flex-align",
+			browsers: [
+				"IE10"
+			],
 			values: [
 				{
-					name: "dashed",
-					"description": "Produces a dashed line style."
-				},
-				{
-					name: "dotted",
-					"description": "Produces a dotted line."
-				},
-				{
-					name: "double",
-					"description": "Produces a double line."
-				},
-				{
-					name: "line-through",
-					"description": "Each line of text has a line through the middle."
-				},
-				{
-					name: "none",
-					"description": "Produces no line."
+					name: "baseline",
+					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
 				},
 				{
-					name: "overline",
-					"description": "Each line of text has a line above it."
+					name: "center",
+					"description": "The flex item’s margin box is centered in the cross axis within the line."
 				},
 				{
-					name: "solid",
-					"description": "Produces a solid line."
+					name: "end",
+					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
 				},
 				{
-					name: "underline",
-					"description": "Each line of text is underlined."
+					name: "start",
+					"description": "The cross-start margin edge of the flexbox item is placed flush with the cross-start edge of the line."
 				},
 				{
-					name: "wavy",
-					"description": "Produces a wavy line."
-				}
-			],
-			"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration"
-				}
-			],
-			"description": "Decorations applied to font used for an element's text.",
-			"restrictions": [
-				"enum",
-				"color"
-			]
-		},
-		{
-			name: "text-decoration-color",
-			browsers: [
-				"FF36",
-				"S12.1",
-				"C57",
-				"O44"
-			],
-			"syntax": "<color>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-color"
+					name: "stretch",
+					"description": "If the cross size property of the flexbox item is anything other than 'auto', this value is identical to 'start'."
 				}
 			],
-			"description": "Specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-line.",
+			"description": "Aligns flex items along the cross axis of the current line of the flex container.",
 			"restrictions": [
-				"color"
+				"enum"
 			]
 		},
 		{
-			name: "text-decoration-line",
+			name: "-ms-flex-direction",
 			browsers: [
-				"FF36",
-				"S12.1",
-				"C57",
-				"O"
+				"IE10"
 			],
 			values: [
 				{
-					name: "line-through",
-					"description": "Each line of text has a line through the middle."
+					name: "column",
+					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
 				},
 				{
-					name: "none",
-					"description": "Neither produces nor inhibits text decoration."
+					name: "column-reverse",
+					"description": "Same as 'column', except the main-start and main-end directions are swapped."
 				},
 				{
-					name: "overline",
-					"description": "Each line of text has a line above it."
+					name: "row",
+					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
 				},
 				{
-					name: "underline",
-					"description": "Each line of text is underlined."
-				}
-			],
-			"syntax": "none | [ underline || overline || line-through || blink ]",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-line"
+					name: "row-reverse",
+					"description": "Same as 'row', except the main-start and main-end directions are swapped."
 				}
 			],
-			"description": "Specifies what line decorations, if any, are added to the element.",
+			"description": "Specifies how flex items are placed in the flex container, by setting the direction of the flex container’s main axis.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "text-decoration-style",
+			name: "-ms-flex-flow",
 			browsers: [
-				"FF36",
-				"S12.1",
-				"C57",
-				"O44"
+				"IE10"
 			],
 			values: [
 				{
-					name: "dashed",
-					"description": "Produces a dashed line style."
+					name: "column",
+					"description": "The flex container’s main axis has the same orientation as the block axis of the current writing mode."
 				},
 				{
-					name: "dotted",
-					"description": "Produces a dotted line."
+					name: "column-reverse",
+					"description": "Same as 'column', except the main-start and main-end directions are swapped."
 				},
 				{
-					name: "double",
-					"description": "Produces a double line."
+					name: "nowrap",
+					"description": "The flex container is single-line."
 				},
 				{
-					name: "none",
-					"description": "Produces no line."
+					name: "row",
+					"description": "The flex container’s main axis has the same orientation as the inline axis of the current writing mode."
 				},
 				{
-					name: "solid",
-					"description": "Produces a solid line."
+					name: "wrap",
+					"description": "The flexbox is multi-line."
 				},
 				{
-					name: "wavy",
-					"description": "Produces a wavy line."
-				}
-			],
-			"syntax": "solid | double | dotted | dashed | wavy",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-style"
+					name: "wrap-reverse",
+					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
 				}
 			],
-			"description": "Specifies the line style for underline, line-through and overline text decoration.",
+			"description": "Specifies how flexbox items are placed in the flexbox.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "text-indent",
-			values: [],
-			"syntax": "<length-percentage> && hanging? && each-line?",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-indent"
-				}
-			],
-			"description": "Specifies the indentation applied to lines of inline content in a block. The indentation only affects the first line of inline content in the block unless the 'hanging' keyword is specified, in which case it affects all lines except the first.",
-			"restrictions": [
-				"percentage",
-				"length"
-			]
-		},
-		{
-			name: "text-justify",
+			name: "-ms-flex-item-align",
 			browsers: [
-				"E12",
-				"FF55",
-				"C32",
-				"IE11",
-				"O19"
+				"IE10"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality."
+					"description": "Computes to the value of 'align-items' on the element’s parent, or 'stretch' if the element has no parent. On absolutely positioned elements, it computes to itself."
 				},
 				{
-					name: "distribute",
-					"description": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property."
+					name: "baseline",
+					"description": "If the flex item’s inline axis is the same as the cross axis, this value is identical to 'flex-start'. Otherwise, it participates in baseline alignment."
 				},
 				{
-					name: "distribute-all-lines"
+					name: "center",
+					"description": "The flex item’s margin box is centered in the cross axis within the line."
 				},
 				{
-					name: "inter-cluster",
-					"description": "Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai."
+					name: "end",
+					"description": "The cross-end margin edge of the flex item is placed flush with the cross-end edge of the line."
 				},
 				{
-					name: "inter-ideograph",
-					"description": "Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages."
-				},
-				{
-					name: "inter-word",
-					"description": "Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean."
-				},
-				{
-					name: "kashida",
-					"description": "Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation."
+					name: "start",
+					"description": "The cross-start margin edge of the flex item is placed flush with the cross-start edge of the line."
 				},
 				{
-					name: "newspaper"
-				}
-			],
-			"syntax": "auto | inter-character | inter-word | none",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-justify"
+					name: "stretch",
+					"description": "If the cross size property of the flex item computes to auto, and neither of the cross-axis margins are auto, the flex item is stretched."
 				}
 			],
-			"description": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.",
+			"description": "Allows the default alignment along the cross axis to be overridden for individual flex items.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "text-orientation",
+			name: "-ms-flex-line-pack",
 			browsers: [
-				"FF41",
-				"S5.1",
-				"C48",
-				"O15"
+				"IE10"
 			],
 			values: [
 				{
-					name: "sideways",
-					browsers: [
-						"FF41",
-						"S5.1",
-						"C48",
-						"O15"
-					],
-					"description": "This value is equivalent to 'sideways-right' in 'vertical-rl' writing mode and equivalent to 'sideways-left' in 'vertical-lr' writing mode."
+					name: "center",
+					"description": "Lines are packed toward the center of the flex container."
 				},
 				{
-					name: "sideways-right",
-					browsers: [
-						"FF41",
-						"S5.1",
-						"C48",
-						"O15"
-					],
-					"description": "In vertical writing modes, this causes text to be set as if in a horizontal layout, but rotated 90° clockwise."
+					name: "distribute",
+					"description": "Lines are evenly distributed in the flex container, with half-size spaces on either end."
 				},
 				{
-					name: "upright",
-					"description": "In vertical writing modes, characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation."
-				}
-			],
-			"syntax": "mixed | upright | sideways",
-			"references": [
+					name: "end",
+					"description": "Lines are packed toward the end of the flex container."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-orientation"
+					name: "justify",
+					"description": "Lines are evenly distributed in the flex container."
+				},
+				{
+					name: "start",
+					"description": "Lines are packed toward the start of the flex container."
+				},
+				{
+					name: "stretch",
+					"description": "Lines stretch to take up the remaining space."
 				}
 			],
-			"description": "Specifies the orientation of text within a line.",
+			"description": "Aligns a flex container’s lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "text-overflow",
+			name: "-ms-flex-order",
+			browsers: [
+				"IE10"
+			],
+			"description": "Controls the order in which children of a flex container appear within the flex container, by assigning them to ordinal groups.",
+			"restrictions": [
+				"integer"
+			]
+		},
+		{
+			name: "-ms-flex-pack",
+			browsers: [
+				"IE10"
+			],
 			values: [
 				{
-					name: "clip",
-					"description": "Clip inline content that overflows. Characters may be only partially rendered."
+					name: "center",
+					"description": "Flex items are packed toward the center of the line."
 				},
 				{
-					name: "ellipsis",
-					"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
-				}
-			],
-			"syntax": "[ clip | ellipsis | <string> ]{1,2}",
-			"references": [
+					name: "distribute",
+					"description": "Flex items are evenly distributed in the line, with half-size spaces on either end."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-overflow"
+					name: "end",
+					"description": "Flex items are packed toward the end of the line."
+				},
+				{
+					name: "justify",
+					"description": "Flex items are evenly distributed in the line."
+				},
+				{
+					name: "start",
+					"description": "Flex items are packed toward the start of the line."
 				}
 			],
-			"description": "Text can overflow for example when it is prevented from wrapping.",
+			"description": "Aligns flex items along the main axis of the current line of the flex container.",
 			"restrictions": [
-				"enum",
-				"string"
+				"enum"
 			]
 		},
 		{
-			name: "text-rendering",
+			name: "-ms-flex-wrap",
 			browsers: [
-				"FF1",
-				"S5",
-				"C4",
-				"O15"
+				"IE10"
 			],
 			values: [
 				{
-					name: "auto"
-				},
-				{
-					name: "geometricPrecision",
-					"description": "Indicates that the user agent shall emphasize geometric precision over legibility and rendering speed."
+					name: "nowrap",
+					"description": "The flex container is single-line."
 				},
 				{
-					name: "optimizeLegibility",
-					"description": "Indicates that the user agent shall emphasize legibility over rendering speed and geometric precision."
+					name: "wrap",
+					"description": "The flexbox is multi-line."
 				},
 				{
-					name: "optimizeSpeed",
-					"description": "Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision."
-				}
-			],
-			"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-rendering"
+					name: "wrap-reverse",
+					"description": "Same as 'wrap', except the cross-start and cross-end directions are swapped."
 				}
 			],
-			"description": "The creator of SVG content might want to provide a hint to the implementation about what tradeoffs to make as it renders text. The ‘text-rendering’ property provides these hints.",
+			"description": "Controls whether the flex container is single-line or multi-line, and the direction of the cross-axis, which determines the direction new lines are stacked in.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "text-shadow",
+			name: "-ms-flow-from",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
 					name: "none",
-					"description": "No shadow."
+					"description": "The block container is not a CSS Region."
 				}
 			],
-			"syntax": "none | <shadow-t>#",
-			"references": [
+			"status": "nonstandard",
+			"syntax": "[ none | <custom-ident> ]#",
+			"description": "Makes a block container a region and associates it with a named flow.",
+			"restrictions": [
+				"identifier"
+			]
+		},
+		{
+			name: "-ms-flow-into",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-shadow"
+					name: "none",
+					"description": "The element is not moved to a named flow and normal CSS processing takes place."
 				}
 			],
-			"description": "Enables shadow effects to be applied to the text of the element.",
+			"status": "nonstandard",
+			"syntax": "[ none | <custom-ident> ]#",
+			"description": "Places an element or its contents into a named flow.",
 			"restrictions": [
-				"length",
-				"color"
+				"identifier"
 			]
 		},
 		{
-			name: "text-transform",
+			name: "-ms-grid-column",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "capitalize",
-					"description": "Puts the first typographic letter unit of each word in titlecase."
-				},
-				{
-					name: "lowercase",
-					"description": "Puts all letters in lowercase."
+					name: "auto"
 				},
 				{
-					name: "none",
-					"description": "No effects."
+					name: "end"
 				},
 				{
-					name: "uppercase",
-					"description": "Puts all letters in uppercase."
-				}
-			],
-			"syntax": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-transform"
+					name: "start"
 				}
 			],
-			"description": "Controls capitalization effects of an element’s text.",
+			"description": "Used to place grid items and explicitly defined grid cells in the Grid.",
 			"restrictions": [
+				"integer",
+				"string",
 				"enum"
 			]
 		},
 		{
-			name: "text-underline-position",
+			name: "-ms-grid-column-align",
 			browsers: [
-				"E12",
-				"C33",
-				"IE6"
+				"E",
+				"IE10"
 			],
 			values: [
 				{
-					name: "above"
+					name: "center",
+					"description": "Places the center of the Grid Item's margin box at the center of the Grid Item's column."
 				},
 				{
-					name: "auto",
-					"description": "The user agent may use any algorithm to determine the underline’s position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over."
+					name: "end",
+					"description": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's column."
 				},
 				{
-					name: "below",
-					"description": "The underline is aligned with the under edge of the element’s content box."
-				}
-			],
-			"syntax": "auto | [ under || [ left | right ] ]",
-			"references": [
+					name: "start",
+					"description": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's column."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-underline-position"
+					name: "stretch",
+					"description": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's column."
 				}
 			],
-			"description": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements. This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text",
+			"description": "Aligns the columns in a grid.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "top",
-			values: [
-				{
-					name: "auto",
-					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well"
-				}
+			name: "-ms-grid-columns",
+			browsers: [
+				"E",
+				"IE10"
 			],
-			"syntax": "<length> | <percentage> | auto",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/top"
-				}
+			"description": "Lays out the columns of the grid."
+		},
+		{
+			name: "-ms-grid-column-span",
+			browsers: [
+				"E",
+				"IE10"
 			],
-			"description": "Specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's 'containing block'.",
+			"description": "Specifies the number of columns to span.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"integer"
 			]
 		},
 		{
-			name: "touch-action",
+			name: "-ms-grid-layer",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			"description": "Grid-layer is similar in concept to z-index, but avoids overloading the meaning of the z-index property, which is applicable only to positioned elements.",
+			"restrictions": [
+				"integer"
+			]
+		},
+		{
+			name: "-ms-grid-row",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "The user agent may determine any permitted touch behaviors for touches that begin on the element."
-				},
-				{
-					name: "cross-slide-x"
-				},
-				{
-					name: "cross-slide-y"
-				},
-				{
-					name: "double-tap-zoom"
-				},
-				{
-					name: "manipulation",
-					"description": "The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming."
-				},
-				{
-					name: "none",
-					"description": "Touches that begin on the element must not trigger default touch behaviors."
-				},
-				{
-					name: "pan-x",
-					"description": "The user agent may consider touches that begin on the element only for the purposes of horizontally scrolling the element’s nearest ancestor with horizontally scrollable content."
+					name: "auto"
 				},
 				{
-					name: "pan-y",
-					"description": "The user agent may consider touches that begin on the element only for the purposes of vertically scrolling the element’s nearest ancestor with vertically scrollable content."
+					name: "end"
 				},
 				{
-					name: "pinch-zoom"
-				}
-			],
-			"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/touch-action"
+					name: "start"
 				}
 			],
-			"description": "Determines whether touch input may trigger default behavior supplied by user agent.",
+			"description": "grid-row is used to place grid items and explicitly defined grid cells in the Grid.",
 			"restrictions": [
+				"integer",
+				"string",
 				"enum"
 			]
 		},
 		{
-			name: "transform",
+			name: "-ms-grid-row-align",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "matrix()",
-					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
-				},
-				{
-					name: "matrix3d()",
-					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
-				},
-				{
-					name: "none"
-				},
-				{
-					name: "perspective()",
-					"description": "Specifies a perspective projection matrix."
-				},
-				{
-					name: "rotate()",
-					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
-				},
-				{
-					name: "rotate3d()",
-					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
-				},
-				{
-					name: "rotateX('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the X axis."
-				},
-				{
-					name: "rotateY('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
-				},
-				{
-					name: "rotateZ('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
-				},
-				{
-					name: "scale()",
-					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
-				},
-				{
-					name: "scale3d()",
-					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
-				},
-				{
-					name: "scaleX()",
-					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
-				},
-				{
-					name: "scaleY()",
-					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
-				},
-				{
-					name: "scaleZ()",
-					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
-				},
-				{
-					name: "skew()",
-					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
-				},
-				{
-					name: "skewX()",
-					"description": "Specifies a skew transformation along the X axis by the given angle."
-				},
-				{
-					name: "skewY()",
-					"description": "Specifies a skew transformation along the Y axis by the given angle."
-				},
-				{
-					name: "translate()",
-					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
-				},
-				{
-					name: "translate3d()",
-					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+					name: "center",
+					"description": "Places the center of the Grid Item's margin box at the center of the Grid Item's row."
 				},
 				{
-					name: "translateX()",
-					"description": "Specifies a translation by the given amount in the X direction."
+					name: "end",
+					"description": "Aligns the end edge of the Grid Item's margin box to the end edge of the Grid Item's row."
 				},
 				{
-					name: "translateY()",
-					"description": "Specifies a translation by the given amount in the Y direction."
+					name: "start",
+					"description": "Aligns the starting edge of the Grid Item's margin box to the starting edge of the Grid Item's row."
 				},
 				{
-					name: "translateZ()",
-					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
-				}
-			],
-			"syntax": "none | <transform-list>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transform"
+					name: "stretch",
+					"description": "Ensures that the Grid Item's margin box is equal to the size of the Grid Item's row."
 				}
 			],
-			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
+			"description": "Aligns the rows in a grid.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "transform-origin",
-			"syntax": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transform-origin"
-				}
+			name: "-ms-grid-rows",
+			browsers: [
+				"E",
+				"IE10"
 			],
-			"description": "Establishes the origin of transformation for an element.",
+			"description": "Lays out the columns of the grid."
+		},
+		{
+			name: "-ms-grid-row-span",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			"description": "Specifies the number of rows to span.",
 			"restrictions": [
-				"position",
-				"length",
-				"percentage"
+				"integer"
 			]
 		},
 		{
-			name: "transform-style",
+			name: "-ms-high-contrast-adjust",
 			browsers: [
-				"E12",
-				"FF16",
-				"S9",
-				"C36",
-				"O15"
+				"E",
+				"IE10"
 			],
 			values: [
 				{
-					name: "flat",
-					"description": "All children of this element are rendered flattened into the 2D plane of the element."
+					name: "auto",
+					"description": "Properties will be adjusted as applicable."
 				},
 				{
-					name: "preserve-3d",
-					browsers: [
-						"E12",
-						"FF16",
-						"S9",
-						"C36",
-						"O15"
-					],
-					"description": "Flattening is not performed, so children maintain their position in 3D space."
-				}
-			],
-			"syntax": "flat | preserve-3d",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transform-style"
+					name: "none",
+					"description": "No adjustments will be applied."
 				}
 			],
-			"description": "Defines how nested elements are rendered in 3D space.",
+			"status": "nonstandard",
+			"syntax": "auto | none",
+			"description": "Specifies if properties should be adjusted in high contrast mode.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "transition",
-			values: [
-				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
-				},
-				{
-					name: "none",
-					"description": "No property will transition."
-				}
+			name: "-ms-hyphenate-limit-chars",
+			browsers: [
+				"E",
+				"IE10"
 			],
-			"syntax": "<single-transition>#",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transition"
+					name: "auto",
+					"description": "The user agent chooses a value that adapts to the current layout."
 				}
 			],
-			"description": "Shorthand property combines four of the transition properties into a single property.",
+			"status": "nonstandard",
+			"syntax": "auto | <integer>{1,3}",
+			"description": "Specifies the minimum number of characters in a hyphenated word.",
 			"restrictions": [
-				"time",
-				"property",
-				"timing-function",
-				"enum"
+				"integer"
 			]
 		},
 		{
-			name: "transition-delay",
-			"syntax": "<time>#",
-			"references": [
+			name: "-ms-hyphenate-limit-lines",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-delay"
+					name: "no-limit",
+					"description": "There is no limit."
 				}
 			],
-			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
+			"status": "nonstandard",
+			"syntax": "no-limit | <integer>",
+			"description": "Indicates the maximum number of successive hyphenated lines in an element.",
 			"restrictions": [
-				"time"
+				"integer"
 			]
 		},
 		{
-			name: "transition-duration",
-			"syntax": "<time>#",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-duration"
-				}
+			name: "-ms-hyphenate-limit-zone",
+			browsers: [
+				"E",
+				"IE10"
 			],
-			"description": "Specifies how long the transition from the old value to the new value should take.",
+			"status": "nonstandard",
+			"syntax": "<percentage> | <length>",
+			"description": "Specifies the maximum amount of unfilled space (before justification) that may be left in the line box before hyphenation is triggered to pull part of a word from the next line back up into the current line.",
 			"restrictions": [
-				"time"
+				"percentage",
+				"length"
 			]
 		},
 		{
-			name: "transition-property",
+			name: "-ms-hyphens",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
+					name: "auto",
+					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
 				},
 				{
-					name: "none",
-					"description": "No property will transition."
-				}
-			],
-			"syntax": "none | <single-transition-property>#",
-			"references": [
+					name: "manual",
+					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-property"
+					name: "none",
+					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
 				}
 			],
-			"description": "Specifies the name of the CSS property to which the transition is applied.",
+			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
 			"restrictions": [
-				"property"
+				"enum"
 			]
 		},
 		{
-			name: "transition-timing-function",
-			"syntax": "<timing-function>#",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transition-timing-function"
-				}
+			name: "-ms-ime-mode",
+			browsers: [
+				"IE10"
 			],
-			"description": "Describes how the intermediate values used during a transition will be calculated.",
-			"restrictions": [
-				"timing-function"
-			]
-		},
-		{
-			name: "unicode-bidi",
 			values: [
 				{
-					name: "bidi-override",
-					"description": "Inside the element, reordering is strictly in sequence according to the 'direction' property; the implicit part of the bidirectional algorithm is ignored."
+					name: "active",
+					"description": "The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it."
 				},
 				{
-					name: "embed",
-					"description": "If the element is inline-level, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the 'direction' property."
+					name: "auto",
+					"description": "No change is made to the current input method editor state. This is the default."
 				},
 				{
-					name: "isolate",
-					"description": "The contents of the element are considered to be inside a separate, independent paragraph."
+					name: "disabled",
+					"description": "The input method editor is disabled and may not be activated by the user."
 				},
 				{
-					name: "isolate-override",
-					"description": "This combines the isolation behavior of 'isolate' with the directional override behavior of 'bidi-override'"
+					name: "inactive",
+					"description": "The input method editor is initially inactive, but the user may activate it if they wish."
 				},
 				{
 					name: "normal",
-					"description": "The element does not open an additional level of embedding with respect to the bidirectional algorithm. For inline-level elements, implicit reordering works across element boundaries."
-				},
-				{
-					name: "plaintext",
-					"description": "For the purposes of the Unicode bidirectional algorithm, the base directionality of each bidi paragraph for which the element forms the containing block is determined not by the element's computed 'direction'."
+					"description": "The IME state should be normal; this value can be used in a user style sheet to override the page setting."
 				}
 			],
-			"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
-			"references": [
+			"description": "Controls the state of the input method editor for text fields.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-interpolation-mode",
+			browsers: [
+				"IE7"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/unicode-bidi"
+					name: "bicubic"
+				},
+				{
+					name: "nearest-neighbor"
 				}
 			],
-			"description": "The level of embedding with respect to the bidirectional algorithm.",
+			"description": "Gets or sets the interpolation (resampling) method used to stretch images.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "unicode-range",
+			name: "-ms-layout-grid",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "U+26",
-					"description": "Ampersand."
+					name: "char",
+					"description": "Any of the range of character values available to the -ms-layout-grid-char property."
 				},
 				{
-					name: "U+20-24F, U+2B0-2FF, U+370-4FF, U+1E00-1EFF, U+2000-20CF, U+2100-23FF, U+2500-26FF, U+E000-F8FF, U+FB00–FB4F",
-					"description": "WGL4 character set (Pan-European)."
+					name: "line",
+					"description": "Any of the range of line values available to the -ms-layout-grid-line property."
 				},
 				{
-					name: "U+20-17F, U+2B0-2FF, U+2000-206F, U+20A0-20CF, U+2100-21FF, U+2600-26FF",
-					"description": "The Multilingual European Subset No. 1. Latin. Covers ~44 languages."
+					name: "mode",
+					"description": "Any of the range of mode values available to the -ms-layout-grid-mode property."
 				},
 				{
-					name: "U+20-2FF, U+370-4FF, U+1E00-20CF, U+2100-23FF, U+2500-26FF, U+FB00-FB4F, U+FFF0-FFFD",
-					"description": "The Multilingual European Subset No. 2. Latin, Greek, and Cyrillic. Covers ~128 language."
-				},
+					name: "type",
+					"description": "Any of the range of type values available to the -ms-layout-grid-type property."
+				}
+			],
+			"description": "Sets or retrieves the composite document grid properties that specify the layout of text characters."
+		},
+		{
+			name: "-ms-layout-grid-char",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+20-4FF, U+530-58F, U+10D0-10FF, U+1E00-23FF, U+2440-245F, U+2500-26FF, U+FB00-FB4F, U+FE20-FE2F, U+FFF0-FFFD",
-					"description": "The Multilingual European Subset No. 3. Covers all characters belonging to European scripts."
+					name: "auto",
+					"description": "Largest character in the font of the element is used to set the character grid."
 				},
 				{
-					name: "U+00-7F",
-					"description": "Basic Latin (ASCII)."
-				},
+					name: "none",
+					"description": "Default. No character grid is set."
+				}
+			],
+			"description": "Sets or retrieves the size of the character grid used for rendering the text content of an element.",
+			"restrictions": [
+				"enum",
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-layout-grid-line",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+80-FF",
-					"description": "Latin-1 Supplement. Accented characters for Western European languages, common punctuation characters, multiplication and division signs."
+					name: "auto",
+					"description": "Largest character in the font of the element is used to set the character grid."
 				},
 				{
-					name: "U+100-17F",
-					"description": "Latin Extended-A. Accented characters for for Czech, Dutch, Polish, and Turkish."
-				},
+					name: "none",
+					"description": "Default. No grid line is set."
+				}
+			],
+			"description": "Sets or retrieves the gridline value used for rendering the text content of an element.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-ms-layout-grid-mode",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+180-24F",
-					"description": "Latin Extended-B. Croatian, Slovenian, Romanian, Non-European and historic latin, Khoisan, Pinyin, Livonian, Sinology."
+					name: "both",
+					"description": "Default. Both the char and line grid modes are enabled. This setting is necessary to fully enable the layout grid on an element."
 				},
 				{
-					name: "U+1E00-1EFF",
-					"description": "Latin Extended Additional. Vietnamese, German captial sharp s, Medievalist, Latin general use."
+					name: "char",
+					"description": "Only a character grid is used. This is recommended for use with block-level elements, such as a blockquote, where the line grid is intended to be disabled."
 				},
 				{
-					name: "U+250-2AF",
-					"description": "International Phonetic Alphabet Extensions."
+					name: "line",
+					"description": "Only a line grid is used. This is recommended for use with inline elements, such as a span, to disable the horizontal grid on runs of text that act as a single entity in the grid layout."
 				},
 				{
-					name: "U+370-3FF",
-					"description": "Greek and Coptic."
-				},
+					name: "none",
+					"description": "No grid is used."
+				}
+			],
+			"description": "Gets or sets whether the text layout grid uses two dimensions.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-layout-grid-type",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+1F00-1FFF",
-					"description": "Greek Extended. Accented characters for polytonic Greek."
+					name: "fixed",
+					"description": "Grid used for monospaced layout. All noncursive characters are treated as equal; every character is centered within a single grid space by default."
 				},
 				{
-					name: "U+400-4FF",
-					"description": "Cyrillic."
+					name: "loose",
+					"description": "Default. Grid used for Japanese and Korean characters."
 				},
 				{
-					name: "U+500-52F",
-					"description": "Cyrillic Supplement. Extra letters for Komi, Khanty, Chukchi, Mordvin, Kurdish, Aleut, Chuvash, Abkhaz, Azerbaijani, and Orok."
-				},
-				{
-					name: "U+00-52F, U+1E00-1FFF, U+2200–22FF",
-					"description": "Latin, Greek, Cyrillic, some punctuation and symbols."
-				},
-				{
-					name: "U+530–58F",
-					"description": "Armenian."
-				},
-				{
-					name: "U+590–5FF",
-					"description": "Hebrew."
-				},
-				{
-					name: "U+600–6FF",
-					"description": "Arabic."
-				},
-				{
-					name: "U+750–77F",
-					"description": "Arabic Supplement. Additional letters for African languages, Khowar, Torwali, Burushaski, and early Persian."
-				},
-				{
-					name: "U+8A0–8FF",
-					"description": "Arabic Extended-A. Additional letters for African languages, European and Central Asian languages, Rohingya, Tamazight, Arwi, and Koranic annotation signs."
-				},
-				{
-					name: "U+700–74F",
-					"description": "Syriac."
-				},
-				{
-					name: "U+900–97F",
-					"description": "Devanagari."
-				},
-				{
-					name: "U+980–9FF",
-					"description": "Bengali."
-				},
-				{
-					name: "U+A00–A7F",
-					"description": "Gurmukhi."
-				},
-				{
-					name: "U+A80–AFF",
-					"description": "Gujarati."
-				},
-				{
-					name: "U+B00–B7F",
-					"description": "Oriya."
-				},
-				{
-					name: "U+B80–BFF",
-					"description": "Tamil."
-				},
-				{
-					name: "U+C00–C7F",
-					"description": "Telugu."
-				},
-				{
-					name: "U+C80–CFF",
-					"description": "Kannada."
-				},
-				{
-					name: "U+D00–D7F",
-					"description": "Malayalam."
-				},
-				{
-					name: "U+D80–DFF",
-					"description": "Sinhala."
-				},
-				{
-					name: "U+118A0–118FF",
-					"description": "Warang Citi."
-				},
-				{
-					name: "U+E00–E7F",
-					"description": "Thai."
-				},
-				{
-					name: "U+1A20–1AAF",
-					"description": "Tai Tham."
-				},
-				{
-					name: "U+AA80–AADF",
-					"description": "Tai Viet."
-				},
-				{
-					name: "U+E80–EFF",
-					"description": "Lao."
-				},
-				{
-					name: "U+F00–FFF",
-					"description": "Tibetan."
-				},
-				{
-					name: "U+1000–109F",
-					"description": "Myanmar (Burmese)."
-				},
-				{
-					name: "U+10A0–10FF",
-					"description": "Georgian."
-				},
-				{
-					name: "U+1200–137F",
-					"description": "Ethiopic."
-				},
-				{
-					name: "U+1380–139F",
-					"description": "Ethiopic Supplement. Extra Syllables for Sebatbeit, and Tonal marks"
-				},
-				{
-					name: "U+2D80–2DDF",
-					"description": "Ethiopic Extended. Extra Syllables for Me'en, Blin, and Sebatbeit."
-				},
-				{
-					name: "U+AB00–AB2F",
-					"description": "Ethiopic Extended-A. Extra characters for Gamo-Gofa-Dawro, Basketo, and Gumuz."
-				},
-				{
-					name: "U+1780–17FF",
-					"description": "Khmer."
-				},
-				{
-					name: "U+1800–18AF",
-					"description": "Mongolian."
-				},
-				{
-					name: "U+1B80–1BBF",
-					"description": "Sundanese."
-				},
-				{
-					name: "U+1CC0–1CCF",
-					"description": "Sundanese Supplement. Punctuation."
-				},
-				{
-					name: "U+4E00–9FD5",
-					"description": "CJK (Chinese, Japanese, Korean) Unified Ideographs. Most common ideographs for modern Chinese and Japanese."
-				},
-				{
-					name: "U+3400–4DB5",
-					"description": "CJK Unified Ideographs Extension A. Rare ideographs."
-				},
-				{
-					name: "U+2F00–2FDF",
-					"description": "Kangxi Radicals."
-				},
-				{
-					name: "U+2E80–2EFF",
-					"description": "CJK Radicals Supplement. Alternative forms of Kangxi Radicals."
-				},
-				{
-					name: "U+1100–11FF",
-					"description": "Hangul Jamo."
-				},
-				{
-					name: "U+AC00–D7AF",
-					"description": "Hangul Syllables."
-				},
-				{
-					name: "U+3040–309F",
-					"description": "Hiragana."
-				},
-				{
-					name: "U+30A0–30FF",
-					"description": "Katakana."
-				},
+					name: "strict",
+					"description": "Grid used for Chinese, as well as Japanese (Genko) and Korean characters. Only the ideographs, kanas, and wide characters are snapped to the grid."
+				}
+			],
+			"description": "Sets or retrieves the type of grid used for rendering the text content of an element.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-line-break",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F",
-					"description": "Japanese Kanji, Hiragana and Katakana characters plus Yen/Yuan symbol."
+					name: "auto",
+					"description": "The UA determines the set of line-breaking restrictions to use for CJK scripts, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines."
 				},
 				{
-					name: "U+A4D0–A4FF",
-					"description": "Lisu."
+					name: "keep-all",
+					"description": "Sequences of CJK characters can no longer break on implied break points. This option should only be used where the presence of word separator characters still creates line-breaking opportunities, as in Korean."
 				},
 				{
-					name: "U+A000–A48F",
-					"description": "Yi Syllables."
+					name: "newspaper",
+					"description": "Breaks CJK scripts using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers."
 				},
 				{
-					name: "U+A490–A4CF",
-					"description": "Yi Radicals."
+					name: "normal",
+					"description": "Breaks CJK scripts using a normal set of line-breaking rules."
 				},
 				{
-					name: "U+2000-206F",
-					"description": "General Punctuation."
-				},
+					name: "strict",
+					"description": "Breaks CJK scripts using a more restrictive set of line-breaking rules than 'normal'."
+				}
+			],
+			"description": "Specifies what set of line breaking restrictions are in effect within the element.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-overflow-style",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+3000–303F",
-					"description": "CJK Symbols and Punctuation."
+					name: "auto",
+					"description": "No preference, UA should use the first scrolling method in the list that it supports."
 				},
 				{
-					name: "U+2070–209F",
-					"description": "Superscripts and Subscripts."
+					name: "-ms-autohiding-scrollbar",
+					"description": "Indicates the element displays auto-hiding scrollbars during mouse interactions and panning indicators during touch and keyboard interactions."
 				},
 				{
-					name: "U+20A0–20CF",
-					"description": "Currency Symbols."
+					name: "none",
+					"description": "Indicates the element does not display scrollbars or panning indicators, even when its content overflows."
 				},
 				{
-					name: "U+2100–214F",
-					"description": "Letterlike Symbols."
-				},
+					name: "scrollbar",
+					"description": "Scrollbars are typically narrow strips inserted on one or two edges of an element and which often have arrows to click on and a \"thumb\" to drag up and down (or left and right) to move the contents of the element."
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "auto | none | scrollbar | -ms-autohiding-scrollbar",
+			"description": "Specify whether content is clipped when it overflows the element's content area.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-perspective",
+			browsers: [
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+2150–218F",
-					"description": "Number Forms."
-				},
+					name: "none",
+					"description": "No perspective transform is applied."
+				}
+			],
+			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-ms-perspective-origin",
+			browsers: [
+				"IE10"
+			],
+			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
+			"restrictions": [
+				"position",
+				"percentage",
+				"length"
+			]
+		},
+		{
+			name: "-ms-perspective-origin-x",
+			browsers: [
+				"IE10"
+			],
+			"description": "Establishes the origin for the perspective property. It effectively sets the X  position at which the viewer appears to be looking at the children of the element.",
+			"restrictions": [
+				"position",
+				"percentage",
+				"length"
+			]
+		},
+		{
+			name: "-ms-perspective-origin-y",
+			browsers: [
+				"IE10"
+			],
+			"description": "Establishes the origin for the perspective property. It effectively sets the Y position at which the viewer appears to be looking at the children of the element.",
+			"restrictions": [
+				"position",
+				"percentage",
+				"length"
+			]
+		},
+		{
+			name: "-ms-progress-appearance",
+			browsers: [
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+2190–21FF",
-					"description": "Arrows."
+					name: "bar"
 				},
 				{
-					name: "U+2200–22FF",
-					"description": "Mathematical Operators."
-				},
+					name: "ring"
+				}
+			],
+			"description": "Gets or sets a value that specifies whether a progress control displays as a bar or a ring.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-scrollbar-3dlight-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scrollbar-arrow-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the arrow elements of a scroll arrow.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scrollbar-base-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scrollbar-darkshadow-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the gutter of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scrollbar-face-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the scroll box and scroll arrows of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scrollbar-highlight-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scrollbar-shadow-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scrollbar-track-color",
+			browsers: [
+				"IE8"
+			],
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"description": "Determines the color of the track element of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-ms-scroll-chaining",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+2300–23FF",
-					"description": "Miscellaneous Technical."
+					name: "chained"
 				},
 				{
-					name: "U+E000-F8FF",
-					"description": "Private Use Area."
-				},
+					name: "none"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "chained | none",
+			"description": "Gets or sets a value that indicates the scrolling behavior that occurs when a user hits the content boundary during a manipulation.",
+			"restrictions": [
+				"enum",
+				"length"
+			]
+		},
+		{
+			name: "-ms-scroll-limit",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+FB00–FB4F",
-					"description": "Alphabetic Presentation Forms. Ligatures for latin, Armenian, and Hebrew."
-				},
+					name: "auto"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>",
+			"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max, and -ms-scroll-limit-y-max properties.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-ms-scroll-limit-x-max",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+FB50–FDFF",
-					"description": "Arabic Presentation Forms-A. Contextual forms / ligatures for Persian, Urdu, Sindhi, Central Asian languages, etc, Arabic pedagogical symbols, word ligatures."
-				},
+					name: "auto"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "auto | <length>",
+			"description": "Gets or sets a value that specifies the maximum value for the scrollLeft property.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-ms-scroll-limit-x-min",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			"status": "nonstandard",
+			"syntax": "<length>",
+			"description": "Gets or sets a value that specifies the minimum value for the scrollLeft property.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-ms-scroll-limit-y-max",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+1F600–1F64F",
-					"description": "Emoji: Emoticons."
-				},
+					name: "auto"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "auto | <length>",
+			"description": "Gets or sets a value that specifies the maximum value for the scrollTop property.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-ms-scroll-limit-y-min",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			"status": "nonstandard",
+			"syntax": "<length>",
+			"description": "Gets or sets a value that specifies the minimum value for the scrollTop property.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-ms-scroll-rails",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+2600–26FF",
-					"description": "Emoji: Miscellaneous Symbols."
+					name: "none"
 				},
 				{
-					name: "U+1F300–1F5FF",
-					"description": "Emoji: Miscellaneous Symbols and Pictographs."
-				},
+					name: "railed"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "none | railed",
+			"description": "Gets or sets a value that indicates whether or not small motions perpendicular to the primary axis of motion will result in either changes to both the scrollTop and scrollLeft properties or a change to the primary axis (for instance, either the scrollTop or scrollLeft properties will change, but not both).",
+			"restrictions": [
+				"enum",
+				"length"
+			]
+		},
+		{
+			name: "-ms-scroll-snap-points-x",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "U+1F900–1F9FF",
-					"description": "Emoji: Supplemental Symbols and Pictographs."
+					name: "snapInterval(100%, 100%)"
 				},
 				{
-					name: "U+1F680–1F6FF",
-					"description": "Emoji: Transport and Map Symbols."
+					name: "snapList()"
 				}
 			],
-			"syntax": "<unicode-range>#",
-			"description": "@font-face descriptor. Defines the set of Unicode codepoints that may be supported by the font face for which it is declared.",
+			"status": "nonstandard",
+			"syntax": "snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )",
+			"description": "Gets or sets a value that defines where snap-points will be located along the x-axis.",
 			"restrictions": [
-				"unicode-range"
+				"enum"
 			]
 		},
 		{
-			name: "user-select",
+			name: "-ms-scroll-snap-points-y",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "all",
-					"description": "The content of the element must be selected atomically"
+					name: "snapInterval(100%, 100%)"
 				},
 				{
-					name: "auto"
-				},
+					name: "snapList()"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )",
+			"description": "Gets or sets a value that defines where snap-points will be located along the y-axis.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-scroll-snap-type",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "contain",
-					"description": "UAs must not allow a selection which is started in this element to be extended outside of this element."
+					name: "none",
+					"description": "The visual viewport of this scroll container must ignore snap points, if any, when scrolled."
 				},
 				{
-					name: "none",
-					"description": "The UA must not allow selections to be started in this element."
+					name: "mandatory",
+					"description": "The visual viewport of this scroll container is guaranteed to rest on a snap point when there are no active scrolling operations."
 				},
 				{
-					name: "text",
-					"description": "The element imposes no constraint on the selection."
+					name: "proximity",
+					"description": "The visual viewport of this scroll container may come to rest on a snap point at the termination of a scroll at the discretion of the UA given the parameters of the scroll."
 				}
 			],
 			"status": "nonstandard",
-			"syntax": "auto | text | none | contain | all",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/user-select"
-				}
-			],
-			"description": "Controls the appearance of selection.",
+			"syntax": "none | proximity | mandatory",
+			"description": "Gets or sets a value that defines what type of snap-point should be used for the current element. There are two type of snap-points, with the primary difference being whether or not the user is guaranteed to always stop on a snap-point.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "vertical-align",
+			name: "-ms-scroll-snap-x",
+			browsers: [
+				"E",
+				"IE10"
+			],
 			values: [
 				{
-					name: "auto",
-					"description": "Align the dominant baseline of the parent box with the equivalent, or heuristically reconstructed, baseline of the element inline box."
+					name: "mandatory"
 				},
 				{
-					name: "baseline",
-					"description": "Align the 'alphabetic' baseline of the element with the 'alphabetic' baseline of the parent element."
+					name: "none"
 				},
 				{
-					name: "bottom",
-					"description": "Align the after edge of the extended inline box with the after-edge of the line box."
+					name: "proximity"
 				},
 				{
-					name: "middle",
-					"description": "Align the 'middle' baseline of the inline element with the middle baseline of the parent."
+					name: "snapInterval(100%, 100%)"
 				},
 				{
-					name: "sub",
-					"description": "Lower the baseline of the box to the proper position for subscripts of the parent's box. (This value has no effect on the font size of the element's text.)"
-				},
+					name: "snapList()"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>",
+			"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-scroll-snap-y",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "super",
-					"description": "Raise the baseline of the box to the proper position for superscripts of the parent's box. (This value has no effect on the font size of the element's text.)"
+					name: "mandatory"
 				},
 				{
-					name: "text-bottom",
-					"description": "Align the bottom of the box with the after-edge of the parent element's font."
+					name: "none"
 				},
 				{
-					name: "text-top",
-					"description": "Align the top of the box with the before-edge of the parent element's font."
+					name: "proximity"
 				},
 				{
-					name: "top",
-					"description": "Align the before edge of the extended inline box with the before-edge of the line box."
+					name: "snapInterval(100%, 100%)"
 				},
 				{
-					name: "-webkit-baseline-middle"
+					name: "snapList()"
 				}
 			],
-			"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
-			"references": [
+			"status": "nonstandard",
+			"syntax": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>",
+			"description": "Gets or sets a shorthand value that sets values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-scroll-translation",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/vertical-align"
+					name: "none"
+				},
+				{
+					name: "vertical-to-horizontal"
 				}
 			],
-			"description": "Affects the vertical positioning of the inline boxes generated by an inline-level element inside a line box.",
+			"status": "nonstandard",
+			"syntax": "none | vertical-to-horizontal",
+			"description": "Gets or sets a value that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.",
 			"restrictions": [
-				"percentage",
-				"length"
+				"enum"
 			]
 		},
 		{
-			name: "visibility",
+			name: "-ms-text-align-last",
+			browsers: [
+				"E",
+				"IE8"
+			],
 			values: [
 				{
-					name: "collapse",
-					"description": "Table-specific. If used on elements other than rows, row groups, columns, or column groups, 'collapse' has the same meaning as 'hidden'."
+					name: "auto"
 				},
 				{
-					name: "hidden",
-					"description": "The generated box is invisible (fully transparent, nothing is drawn), but still affects layout."
+					name: "center",
+					"description": "The inline contents are centered within the line box."
 				},
 				{
-					name: "visible",
-					"description": "The generated box is visible."
-				}
-			],
-			"syntax": "visible | hidden | collapse",
-			"references": [
+					name: "justify",
+					"description": "The text is justified according to the method specified by the 'text-justify' property."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/visibility"
+					name: "left",
+					"description": "The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text."
+				},
+				{
+					name: "right",
+					"description": "The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text."
 				}
 			],
-			"description": "Specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the ‘display’ property to ‘none’ to suppress box generation altogether).",
+			"description": "Describes how the last line of a block or a line right before a forced line break is aligned when 'text-align' is set to 'justify'.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-animation",
+			name: "-ms-text-autospace",
 			browsers: [
-				"C",
-				"S5"
+				"E",
+				"IE8"
 			],
 			values: [
 				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
-				},
-				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
-				},
-				{
-					name: "backwards",
-					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
+					name: "ideograph-alpha",
+					"description": "Creates 1/4em extra spacing between runs of ideographic letters and non-ideographic letters, such as Latin-based, Cyrillic, Greek, Arabic or Hebrew."
 				},
 				{
-					name: "both",
-					"description": "Both forwards and backwards fill modes are applied."
+					name: "ideograph-numeric",
+					"description": "Creates 1/4em extra spacing between runs of ideographic letters and numeric glyphs."
 				},
 				{
-					name: "forwards",
-					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+					name: "ideograph-parenthesis",
+					"description": "Creates extra spacing between normal (non wide) parenthesis and ideographs."
 				},
 				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
+					name: "ideograph-space",
+					"description": "Extends the width of the space character while surrounded by ideographs."
 				},
 				{
 					name: "none",
-					"description": "No animation is performed"
-				},
-				{
-					name: "normal",
-					"description": "Normal playback."
+					"description": "No extra space is created."
 				},
 				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
+					name: "punctuation",
+					"description": "Creates extra non-breaking spacing around punctuation as required by language-specific typographic conventions."
 				}
 			],
-			"description": "Shorthand property combines six of the animation properties into a single property.",
+			"status": "nonstandard",
+			"syntax": "none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space",
+			"description": "Determines whether or not a full-width punctuation mark character should be trimmed if it appears at the beginning of a line, so that its 'ink' lines up with the first glyph in the line above and below.",
 			"restrictions": [
-				"time",
-				"enum",
-				"timing-function",
-				"identifier",
-				"number"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-animation-delay",
+			name: "-ms-text-combine-horizontal",
 			browsers: [
-				"C",
-				"S5"
+				"E",
+				"IE11"
 			],
-			"description": "Defines when the animation will start.",
+			values: [
+				{
+					name: "all",
+					"description": "Attempt to typeset horizontally all consecutive characters within the box such that they take up the space of a single character within the vertical line box."
+				},
+				{
+					name: "digits",
+					"description": "Attempt to typeset horizontally each maximal sequence of consecutive ASCII digits (U+0030–U+0039) that has as many or fewer characters than the specified integer such that it takes up the space of a single character within the vertical line box."
+				},
+				{
+					name: "none",
+					"description": "No special processing."
+				}
+			],
+			"description": "This property specifies the combination of multiple characters into the space of a single character.",
 			"restrictions": [
-				"time"
+				"enum",
+				"integer"
 			]
 		},
 		{
-			name: "-webkit-animation-direction",
+			name: "-ms-text-justify",
 			browsers: [
-				"C",
-				"S5"
+				"E",
+				"IE8"
 			],
 			values: [
 				{
-					name: "alternate",
-					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+					name: "auto",
+					"description": "The UA determines the justification algorithm to follow, based on a balance between performance and adequate presentation quality."
 				},
 				{
-					name: "alternate-reverse",
-					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+					name: "distribute",
+					"description": "Justification primarily changes spacing both at word separators and at grapheme cluster boundaries in all scripts except those in the connected and cursive groups. This value is sometimes used in e.g. Japanese, often with the 'text-align-last' property."
 				},
 				{
-					name: "normal",
-					"description": "Normal playback."
+					name: "inter-cluster",
+					"description": "Justification primarily changes spacing at word separators and at grapheme cluster boundaries in clustered scripts. This value is typically used for Southeast Asian scripts such as Thai."
 				},
 				{
-					name: "reverse",
-					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
+					name: "inter-ideograph",
+					"description": "Justification primarily changes spacing at word separators and at inter-graphemic boundaries in scripts that use no word spaces. This value is typically used for CJK languages."
+				},
+				{
+					name: "inter-word",
+					"description": "Justification primarily changes spacing at word separators. This value is typically used for languages that separate words using spaces, like English or (sometimes) Korean."
+				},
+				{
+					name: "kashida",
+					"description": "Justification primarily stretches Arabic and related scripts through the use of kashida or other calligraphic elongation."
 				}
 			],
-			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
+			"description": "Selects the justification algorithm used when 'text-align' is set to 'justify'. The property applies to block containers, but the UA may (but is not required to) also support it on inline elements.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-animation-duration",
+			name: "-ms-text-kashida-space",
 			browsers: [
-				"C",
-				"S5"
+				"E",
+				"IE10"
 			],
-			"description": "Defines the length of time that an animation takes to complete one cycle.",
+			"description": "Sets or retrieves the ratio of kashida expansion to white space expansion when justifying lines of text in the object.",
 			"restrictions": [
-				"time"
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-animation-fill-mode",
+			name: "-ms-text-overflow",
 			browsers: [
-				"C",
-				"S5"
+				"IE10"
 			],
 			values: [
 				{
-					name: "backwards",
-					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
+					name: "clip",
+					"description": "Clip inline content that overflows. Characters may be only partially rendered."
 				},
 				{
-					name: "both",
-					"description": "Both forwards and backwards fill modes are applied."
-				},
+					name: "ellipsis",
+					"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
+				}
+			],
+			"description": "Text can overflow for example when it is prevented from wrapping",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-text-size-adjust",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "forwards",
-					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+					name: "auto",
+					"description": "Renderers must use the default size adjustment when displaying on a small device."
 				},
 				{
 					name: "none",
-					"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
+					"description": "Renderers must not do size adjustment when displaying on a small device."
 				}
 			],
-			"description": "Defines what values are applied by the animation outside the time it is executing.",
+			"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
 			"restrictions": [
-				"enum"
+				"enum",
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-animation-iteration-count",
+			name: "-ms-text-underline-position",
 			browsers: [
-				"C",
-				"S5"
+				"E",
+				"IE10"
 			],
 			values: [
 				{
-					name: "infinite",
-					"description": "Causes the animation to repeat forever."
+					name: "alphabetic",
+					"description": "The underline is aligned with the alphabetic baseline. In this case the underline is likely to cross some descenders."
+				},
+				{
+					name: "auto",
+					"description": "The user agent may use any algorithm to determine the underline's position. In horizontal line layout, the underline should be aligned as for alphabetic. In vertical line layout, if the language is set to Japanese or Korean, the underline should be aligned as for over."
+				},
+				{
+					name: "over",
+					"description": "The underline is aligned with the 'top' (right in vertical writing) edge of the element's em-box. In this mode, an overline also switches sides."
+				},
+				{
+					name: "under",
+					"description": "The underline is aligned with the 'bottom' (left in vertical writing) edge of the element's em-box. In this case the underline usually does not cross the descenders. This is sometimes called 'accounting' underline."
 				}
 			],
-			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
+			"description": "Sets the position of an underline specified on the same element: it does not affect underlines specified by ancestor elements.This property is typically used in vertical writing contexts such as in Japanese documents where it often desired to have the underline appear 'over' (to the right of) the affected run of text",
 			"restrictions": [
-				"number",
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-animation-name",
+			name: "-ms-touch-action",
 			browsers: [
-				"C",
-				"S5"
+				"IE10"
 			],
 			values: [
+				{
+					name: "auto",
+					"description": "The element is a passive element, with several exceptions."
+				},
+				{
+					name: "double-tap-zoom",
+					"description": "The element will zoom on double-tap."
+				},
+				{
+					name: "manipulation",
+					"description": "The element is a manipulation-causing element."
+				},
 				{
 					name: "none",
-					"description": "No animation is performed"
+					"description": "The element is a manipulation-blocking element."
+				},
+				{
+					name: "pan-x",
+					"description": "The element permits touch-driven panning on the horizontal axis. The touch pan is performed on the nearest ancestor with horizontally scrollable content."
+				},
+				{
+					name: "pan-y",
+					"description": "The element permits touch-driven panning on the vertical axis. The touch pan is performed on the nearest ancestor with vertically scrollable content."
+				},
+				{
+					name: "pinch-zoom",
+					"description": "The element permits pinch-zooming. The pinch-zoom is performed on the nearest ancestor with zoomable content."
 				}
 			],
-			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
+			"description": "Gets or sets a value that indicates whether and how a given region can be manipulated by the user.",
 			"restrictions": [
-				"identifier",
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-animation-play-state",
+			name: "-ms-touch-select",
 			browsers: [
-				"C",
-				"S5"
+				"E",
+				"IE10"
 			],
 			values: [
 				{
-					name: "paused",
-					"description": "A running animation will be paused."
+					name: "grippers",
+					"description": "Grippers are always on."
 				},
 				{
-					name: "running",
-					"description": "Resume playback of a paused animation."
+					name: "none",
+					"description": "Grippers are always off."
 				}
 			],
-			"description": "Defines whether the animation is running or paused.",
+			"status": "nonstandard",
+			"syntax": "grippers | none",
+			"description": "Gets or sets a value that toggles the 'gripper' visual elements that enable touch text selection.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-animation-timing-function",
-			browsers: [
-				"C",
-				"S5"
-			],
-			"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
-			"restrictions": [
-				"timing-function"
-			]
-		},
-		{
-			name: "-webkit-appearance",
+			name: "-ms-transform",
 			browsers: [
-				"C",
-				"S3"
+				"IE9-9"
 			],
 			values: [
 				{
-					name: "button"
-				},
-				{
-					name: "button-bevel"
-				},
-				{
-					name: "caps-lock-indicator"
-				},
-				{
-					name: "caret"
-				},
-				{
-					name: "checkbox"
-				},
-				{
-					name: "default-button"
-				},
-				{
-					name: "listbox"
+					name: "matrix()",
+					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
 				},
 				{
-					name: "listitem"
+					name: "matrix3d()",
+					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
 				},
 				{
-					name: "media-fullscreen-button"
+					name: "none"
 				},
 				{
-					name: "media-mute-button"
+					name: "rotate()",
+					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
 				},
 				{
-					name: "media-play-button"
+					name: "rotate3d()",
+					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
 				},
 				{
-					name: "media-seek-back-button"
+					name: "rotateX('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the X axis."
 				},
 				{
-					name: "media-seek-forward-button"
+					name: "rotateY('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
 				},
 				{
-					name: "media-slider"
+					name: "rotateZ('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
 				},
 				{
-					name: "media-sliderthumb"
+					name: "scale()",
+					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
 				},
 				{
-					name: "menulist"
+					name: "scale3d()",
+					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
 				},
 				{
-					name: "menulist-button"
+					name: "scaleX()",
+					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
 				},
 				{
-					name: "menulist-text"
+					name: "scaleY()",
+					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
 				},
 				{
-					name: "menulist-textfield"
+					name: "scaleZ()",
+					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
 				},
 				{
-					name: "none"
+					name: "skew()",
+					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
 				},
 				{
-					name: "push-button"
+					name: "skewX()",
+					"description": "Specifies a skew transformation along the X axis by the given angle."
 				},
 				{
-					name: "radio"
+					name: "skewY()",
+					"description": "Specifies a skew transformation along the Y axis by the given angle."
 				},
 				{
-					name: "scrollbarbutton-down"
+					name: "translate()",
+					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
 				},
 				{
-					name: "scrollbarbutton-left"
+					name: "translate3d()",
+					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
 				},
 				{
-					name: "scrollbarbutton-right"
+					name: "translateX()",
+					"description": "Specifies a translation by the given amount in the X direction."
 				},
 				{
-					name: "scrollbarbutton-up"
+					name: "translateY()",
+					"description": "Specifies a translation by the given amount in the Y direction."
 				},
 				{
-					name: "scrollbargripper-horizontal"
-				},
+					name: "translateZ()",
+					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
+				}
+			],
+			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-transform-origin",
+			browsers: [
+				"IE9-9"
+			],
+			"description": "Establishes the origin of transformation for an element.",
+			"restrictions": [
+				"position",
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-transform-origin-x",
+			browsers: [
+				"IE10"
+			],
+			"description": "The x coordinate of the origin for transforms applied to an element with respect to its border box.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-transform-origin-y",
+			browsers: [
+				"IE10"
+			],
+			"description": "The y coordinate of the origin for transforms applied to an element with respect to its border box.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-transform-origin-z",
+			browsers: [
+				"IE10"
+			],
+			"description": "The z coordinate of the origin for transforms applied to an element with respect to its border box.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-user-select",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "scrollbargripper-vertical"
+					name: "element"
 				},
 				{
-					name: "scrollbarthumb-horizontal"
+					name: "none"
 				},
 				{
-					name: "scrollbarthumb-vertical"
-				},
+					name: "text"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "none | element | text",
+			"description": "Controls the appearance of selection.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-word-break",
+			browsers: [
+				"IE8"
+			],
+			values: [
 				{
-					name: "scrollbartrack-horizontal"
+					name: "break-all",
+					"description": "Lines may break between any two grapheme clusters for non-CJK scripts."
 				},
 				{
-					name: "scrollbartrack-vertical"
+					name: "keep-all",
+					"description": "Block characters can no longer create implied break points."
 				},
 				{
-					name: "searchfield"
-				},
+					name: "normal",
+					"description": "Breaks non-CJK scripts according to their own rules."
+				}
+			],
+			"description": "Specifies line break opportunities for non-CJK scripts.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-word-wrap",
+			browsers: [
+				"IE8"
+			],
+			values: [
 				{
-					name: "searchfield-cancel-button"
+					name: "break-word",
+					"description": "An unbreakable 'word' may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
 				},
 				{
-					name: "searchfield-decoration"
-				},
+					name: "normal",
+					"description": "Lines may break only at allowed break points."
+				}
+			],
+			"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-wrap-flow",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "searchfield-results-button"
+					name: "auto",
+					"description": "For floats an exclusion is created, for all other elements an exclusion is not created."
 				},
 				{
-					name: "searchfield-results-decoration"
+					name: "both",
+					"description": "Inline flow content can flow on all sides of the exclusion."
 				},
 				{
-					name: "slider-horizontal"
+					name: "clear",
+					"description": "Inline flow content can only wrap on top and bottom of the exclusion and must leave the areas to the start and end edges of the exclusion box empty."
 				},
 				{
-					name: "sliderthumb-horizontal"
+					name: "end",
+					"description": "Inline flow content can wrap on the end side of the exclusion area but must leave the area to the start edge of the exclusion area empty."
 				},
 				{
-					name: "sliderthumb-vertical"
+					name: "maximum",
+					"description": "Inline flow content can wrap on the side of the exclusion with the largest available space for the given line, and must leave the other side of the exclusion empty."
 				},
 				{
-					name: "slider-vertical"
+					name: "minimum",
+					"description": "Inline flow content can flow around the edge of the exclusion with the smallest available space within the flow content’s containing block, and must leave the other edge of the exclusion empty."
 				},
 				{
-					name: "square-button"
-				},
+					name: "start",
+					"description": "Inline flow content can wrap on the start edge of the exclusion area but must leave the area to end edge of the exclusion area empty."
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "auto | both | start | end | maximum | clear",
+			"description": "An element becomes an exclusion when its 'wrap-flow' property has a computed value other than 'auto'.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-ms-wrap-margin",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			"status": "nonstandard",
+			"syntax": "<length>",
+			"description": "Gets or sets a value that is used to offset the inner wrap shape from other shapes.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "-ms-wrap-through",
+			browsers: [
+				"E",
+				"IE10"
+			],
+			values: [
 				{
-					name: "textarea"
+					name: "none",
+					"description": "The exclusion element does not inherit its parent node's wrapping context. Its descendants are only subject to exclusion shapes defined inside the element."
 				},
 				{
-					name: "textfield"
+					name: "wrap",
+					"description": "The exclusion element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element."
 				}
 			],
 			"status": "nonstandard",
-			"syntax": "none | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield",
-			"description": "Changes the appearance of buttons and other controls to resemble native controls.",
+			"syntax": "wrap | none",
+			"description": "Specifies if an element inherits its parent wrapping context. In other words if it is subject to the exclusions defined outside the element.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-backdrop-filter",
+			name: "-ms-writing-mode",
 			browsers: [
-				"S9"
+				"IE8"
 			],
 			values: [
 				{
-					name: "none",
-					"description": "No filter effects are applied."
-				},
-				{
-					name: "blur()",
-					"description": "Applies a Gaussian blur to the input image."
-				},
-				{
-					name: "brightness()",
-					"description": "Applies a linear multiplier to input image, making it appear more or less bright."
-				},
-				{
-					name: "contrast()",
-					"description": "Adjusts the contrast of the input."
-				},
-				{
-					name: "drop-shadow()",
-					"description": "Applies a drop shadow effect to the input image."
+					name: "bt-lr"
 				},
 				{
-					name: "grayscale()",
-					"description": "Converts the input image to grayscale."
+					name: "bt-rl"
 				},
 				{
-					name: "hue-rotate()",
-					"description": "Applies a hue rotation on the input image. "
+					name: "lr-bt"
 				},
 				{
-					name: "invert()",
-					"description": "Inverts the samples in the input image."
+					name: "lr-tb"
 				},
 				{
-					name: "opacity()",
-					"description": "Applies transparency to the samples in the input image."
+					name: "rl-bt"
 				},
 				{
-					name: "saturate()",
-					"description": "Saturates the input image."
+					name: "rl-tb"
 				},
 				{
-					name: "sepia()",
-					"description": "Converts the input image to sepia."
+					name: "tb-lr"
 				},
 				{
-					name: "url()",
-					"description": "A filter reference to a <filter> element."
+					name: "tb-rl"
 				}
 			],
-			"description": "Applies a filter effect where the first filter in the list takes the element's background image as the input image.",
+			"description": "Shorthand property for both 'direction' and 'block-progression'.",
 			"restrictions": [
-				"enum",
-				"url"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-backface-visibility",
+			name: "-ms-zoom",
 			browsers: [
-				"C",
-				"S5"
+				"IE8"
 			],
 			values: [
 				{
-					name: "hidden"
-				},
-				{
-					name: "visible"
+					name: "normal"
 				}
 			],
-			"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
+			"description": "Sets or retrieves the magnification scale of the object.",
 			"restrictions": [
-				"enum"
+				"enum",
+				"integer",
+				"number",
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-background-clip",
+			name: "-ms-zoom-animation",
 			browsers: [
-				"C",
-				"S3"
+				"IE10"
 			],
-			"description": "Determines the background painting area.",
+			values: [
+				{
+					name: "default"
+				},
+				{
+					name: "none"
+				}
+			],
+			"description": "Gets or sets a value that indicates whether an animation is used when zooming.",
 			"restrictions": [
-				"box"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-background-composite",
+			name: "nav-down",
 			browsers: [
-				"C",
-				"S3"
+				"O9.5"
 			],
 			values: [
 				{
-					name: "border"
+					name: "auto",
+					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
 				},
 				{
-					name: "padding"
+					name: "current",
+					"description": "Indicates that the user agent should target the frame that the element is in."
+				},
+				{
+					name: "root",
+					"description": "Indicates that the user agent should target the full window."
 				}
 			],
+			"description": "Provides an way to control directional focus navigation.",
 			"restrictions": [
-				"enum"
+				"enum",
+				"identifier",
+				"string"
 			]
 		},
 		{
-			name: "-webkit-background-origin",
+			name: "nav-index",
 			browsers: [
-				"C",
-				"S3"
+				"O9.5"
 			],
-			"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
+			values: [
+				{
+					name: "auto",
+					"description": "The element's sequential navigation order is assigned automatically by the user agent."
+				}
+			],
+			"description": "Provides an input-method-neutral way of specifying the sequential navigation order (also known as 'tabbing order').",
 			"restrictions": [
-				"box"
+				"number"
 			]
 		},
 		{
-			name: "-webkit-border-image",
+			name: "nav-left",
 			browsers: [
-				"C",
-				"S5"
+				"O9.5"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
+					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
 				},
 				{
-					name: "fill",
-					"description": "Causes the middle part of the border-image to be preserved."
+					name: "current",
+					"description": "Indicates that the user agent should target the frame that the element is in."
 				},
 				{
-					name: "none"
-				},
+					name: "root",
+					"description": "Indicates that the user agent should target the full window."
+				}
+			],
+			"description": "Provides an way to control directional focus navigation.",
+			"restrictions": [
+				"enum",
+				"identifier",
+				"string"
+			]
+		},
+		{
+			name: "nav-right",
+			browsers: [
+				"O9.5"
+			],
+			values: [
 				{
-					name: "repeat",
-					"description": "The image is tiled (repeated) to fill the area."
+					name: "auto",
+					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
 				},
 				{
-					name: "round",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
+					name: "current",
+					"description": "Indicates that the user agent should target the frame that the element is in."
 				},
 				{
-					name: "space",
-					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
+					name: "root",
+					"description": "Indicates that the user agent should target the full window."
+				}
+			],
+			"description": "Provides an way to control directional focus navigation.",
+			"restrictions": [
+				"enum",
+				"identifier",
+				"string"
+			]
+		},
+		{
+			name: "nav-up",
+			browsers: [
+				"O9.5"
+			],
+			values: [
+				{
+					name: "auto",
+					"description": "The user agent automatically determines which element to navigate the focus to in response to directional navigational input."
 				},
 				{
-					name: "stretch",
-					"description": "The image is stretched to fill the area."
+					name: "current",
+					"description": "Indicates that the user agent should target the frame that the element is in."
 				},
 				{
-					name: "url()"
+					name: "root",
+					"description": "Indicates that the user agent should target the full window."
 				}
 			],
-			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
+			"description": "Provides an way to control directional focus navigation.",
 			"restrictions": [
-				"length",
-				"percentage",
-				"number",
-				"url",
-				"enum"
+				"enum",
+				"identifier",
+				"string"
 			]
 		},
 		{
-			name: "-webkit-box-align",
+			name: "negative",
 			browsers: [
-				"C",
-				"S3"
+				"FF33"
+			],
+			"syntax": "<symbol> <symbol>?",
+			"description": "@counter-style descriptor. Defines how to alter the representation when the counter value is negative.",
+			"restrictions": [
+				"image",
+				"identifier",
+				"string"
+			]
+		},
+		{
+			name: "-o-animation",
+			browsers: [
+				"O12"
 			],
 			values: [
 				{
-					name: "baseline",
-					"description": "If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used."
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+				},
+				{
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+				},
+				{
+					name: "backwards",
+					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
 				},
 				{
-					name: "center",
-					"description": "Any extra space is divided evenly, with half placed above the child and the other half placed after the child."
+					name: "both",
+					"description": "Both forwards and backwards fill modes are applied."
 				},
 				{
-					name: "end",
-					"description": "For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element."
+					name: "forwards",
+					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
 				},
 				{
-					name: "start",
-					"description": "For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element."
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
 				},
 				{
-					name: "stretch",
-					"description": "The height of each child is adjusted to that of the containing block."
-				}
-			],
-			"description": "Specifies the alignment of nested elements within an outer flexible box element.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-webkit-box-direction",
-			browsers: [
-				"C",
-				"S3"
-			],
-			values: [
+					name: "none",
+					"description": "No animation is performed"
+				},
 				{
 					name: "normal",
-					"description": "A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom."
+					"description": "Normal playback."
 				},
 				{
 					name: "reverse",
-					"description": "A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top."
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
-			"description": "In webkit applications, -webkit-box-direction specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-webkit-box-flex",
-			browsers: [
-				"C",
-				"S3"
-			],
-			"description": "Specifies an element's flexibility.",
+			"description": "Shorthand property combines six of the animation properties into a single property.",
 			"restrictions": [
+				"time",
+				"enum",
+				"timing-function",
+				"identifier",
 				"number"
 			]
 		},
 		{
-			name: "-webkit-box-flex-group",
-			browsers: [
-				"C",
-				"S3"
-			],
-			"description": "Flexible elements can be assigned to flex groups using the 'box-flex-group' property.",
-			"restrictions": [
-				"integer"
-			]
-		},
-		{
-			name: "-webkit-box-ordinal-group",
+			name: "-o-animation-delay",
 			browsers: [
-				"C",
-				"S3"
+				"O12"
 			],
-			"description": "Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.",
+			"description": "Defines when the animation will start.",
 			"restrictions": [
-				"integer"
+				"time"
 			]
 		},
 		{
-			name: "-webkit-box-orient",
+			name: "-o-animation-direction",
 			browsers: [
-				"C",
-				"S3"
+				"O12"
 			],
 			values: [
 				{
-					name: "block-axis",
-					"description": "Elements are oriented along the box's axis."
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
 				},
 				{
-					name: "horizontal",
-					"description": "The box displays its children from left to right in a horizontal line."
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
 				},
 				{
-					name: "inline-axis",
-					"description": "Elements are oriented vertically."
+					name: "normal",
+					"description": "Normal playback."
 				},
 				{
-					name: "vertical",
-					"description": "The box displays its children from stacked from top to bottom vertically."
+					name: "reverse",
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
-			"description": "In webkit applications, -webkit-box-orient specifies whether a box lays out its contents horizontally or vertically.",
+			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-box-pack",
+			name: "-o-animation-duration",
 			browsers: [
-				"C",
-				"S3"
+				"O12"
+			],
+			"description": "Defines the length of time that an animation takes to complete one cycle.",
+			"restrictions": [
+				"time"
+			]
+		},
+		{
+			name: "-o-animation-fill-mode",
+			browsers: [
+				"O12"
 			],
 			values: [
 				{
-					name: "center",
-					"description": "The extra space is divided evenly, with half placed before the first child and the other half placed after the last child."
+					name: "backwards",
+					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
 				},
 				{
-					name: "end",
-					"description": "For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child."
+					name: "both",
+					"description": "Both forwards and backwards fill modes are applied."
 				},
 				{
-					name: "justify",
-					"description": "The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start."
+					name: "forwards",
+					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
 				},
 				{
-					name: "start",
-					"description": "For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child."
+					name: "none",
+					"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
 				}
 			],
-			"description": "Specifies alignment of child elements within the current element in the direction of orientation.",
+			"description": "Defines what values are applied by the animation outside the time it is executing.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-box-reflect",
+			name: "-o-animation-iteration-count",
 			browsers: [
-				"S4",
-				"C4",
-				"O15"
+				"O12"
 			],
 			values: [
 				{
-					name: "above",
-					"description": "The reflection appears above the border box."
-				},
-				{
-					name: "below",
-					"description": "The reflection appears below the border box."
-				},
-				{
-					name: "left",
-					"description": "The reflection appears to the left of the border box."
-				},
-				{
-					name: "right",
-					"description": "The reflection appears to the right of the border box."
-				}
-			],
-			"status": "nonstandard",
-			"syntax": "[ above | below | right | left ]? <length>? <image>?",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-box-reflect"
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
 				}
 			],
-			"description": "Defines a reflection of a border box."
+			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
+			"restrictions": [
+				"number",
+				"enum"
+			]
 		},
 		{
-			name: "-webkit-box-sizing",
+			name: "-o-animation-name",
 			browsers: [
-				"C",
-				"S3"
+				"O12"
 			],
 			values: [
 				{
-					name: "border-box",
-					"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
-				},
-				{
-					name: "content-box",
-					"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
+					name: "none",
+					"description": "No animation is performed"
 				}
 			],
-			"description": "Box Model addition in CSS3.",
+			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
 			"restrictions": [
+				"identifier",
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-break-after",
+			name: "-o-animation-play-state",
 			browsers: [
-				"S7"
+				"O12"
 			],
 			values: [
 				{
-					name: "always",
-					"description": "Always force a page break before/after the generated box."
-				},
-				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break before/after the generated box."
-				},
-				{
-					name: "avoid",
-					"description": "Avoid a page/column break before/after the generated box."
-				},
-				{
-					name: "avoid-column",
-					"description": "Avoid a column break before/after the generated box."
-				},
-				{
-					name: "avoid-page",
-					"description": "Avoid a page break before/after the generated box."
-				},
-				{
-					name: "avoid-region"
-				},
-				{
-					name: "column",
-					"description": "Always force a column break before/after the generated box."
-				},
-				{
-					name: "left",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
-				},
-				{
-					name: "page",
-					"description": "Always force a page break before/after the generated box."
-				},
-				{
-					name: "region"
+					name: "paused",
+					"description": "A running animation will be paused."
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
+					name: "running",
+					"description": "Resume playback of a paused animation."
 				}
 			],
-			"description": "Describes the page/column break behavior before the generated box.",
+			"description": "Defines whether the animation is running or paused.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-break-before",
+			name: "-o-animation-timing-function",
 			browsers: [
-				"S7"
+				"O12"
 			],
-			values: [
-				{
-					name: "always",
-					"description": "Always force a page break before/after the generated box."
-				},
-				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break before/after the generated box."
-				},
-				{
-					name: "avoid",
-					"description": "Avoid a page/column break before/after the generated box."
-				},
-				{
-					name: "avoid-column",
-					"description": "Avoid a column break before/after the generated box."
-				},
+			"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
+			"restrictions": [
+				"timing-function"
+			]
+		},
+		{
+			name: "-o-border-image",
+			browsers: [
+				"O11.6"
+			],
+			values: [
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break before/after the generated box."
+					name: "auto",
+					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
 				},
 				{
-					name: "avoid-region"
+					name: "fill",
+					"description": "Causes the middle part of the border-image to be preserved."
 				},
 				{
-					name: "column",
-					"description": "Always force a column break before/after the generated box."
+					name: "none"
 				},
 				{
-					name: "left",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+					name: "repeat",
+					"description": "The image is tiled (repeated) to fill the area."
 				},
 				{
-					name: "page",
-					"description": "Always force a page break before/after the generated box."
+					name: "round",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
 				},
 				{
-					name: "region"
+					name: "space",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
+					name: "stretch",
+					"description": "The image is stretched to fill the area."
 				}
 			],
-			"description": "Describes the page/column break behavior before the generated box.",
+			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
 			"restrictions": [
+				"length",
+				"percentage",
+				"number",
+				"image",
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-break-inside",
+			name: "-o-object-fit",
 			browsers: [
-				"S7"
+				"O10.6"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break inside the generated box."
+					name: "contain",
+					"description": "The replaced content is sized to maintain its aspect ratio while fitting within the element’s content box: its concrete object size is resolved as a contain constraint against the element's used width and height."
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a page/column break inside the generated box."
+					name: "cover",
+					"description": "The replaced content is sized to maintain its aspect ratio while filling the element's entire content box: its concrete object size is resolved as a cover constraint against the element’s used width and height."
 				},
 				{
-					name: "avoid-column",
-					"description": "Avoid a column break inside the generated box."
+					name: "fill",
+					"description": "The replaced content is sized to fill the element’s content box: the object's concrete object size is the element's used width and height."
 				},
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break inside the generated box."
+					name: "none",
+					"description": "The replaced content is not resized to fit inside the element's content box"
 				},
 				{
-					name: "avoid-region"
+					name: "scale-down",
+					"description": "Size the content as if ‘none’ or ‘contain’ were specified, whichever would result in a smaller concrete object size."
 				}
 			],
-			"description": "Describes the page/column break behavior inside the generated box.",
+			"description": "Specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-column-break-after",
+			name: "-o-object-position",
 			browsers: [
-				"C",
-				"S3"
+				"O10.6"
+			],
+			"description": "Determines the alignment of the replaced element inside its box.",
+			"restrictions": [
+				"position",
+				"length",
+				"percentage"
+			]
+		},
+		{
+			name: "-o-table-baseline",
+			browsers: [
+				"O9.6"
+			],
+			"description": "Determines which row of a inline-table should be used as baseline of inline-table.",
+			"restrictions": [
+				"integer"
+			]
+		},
+		{
+			name: "-o-tab-size",
+			browsers: [
+				"O10.6"
+			],
+			"description": "This property determines the width of the tab character (U+0009), in space characters (U+0020), when rendered.",
+			"restrictions": [
+				"integer",
+				"length"
+			]
+		},
+		{
+			name: "-o-text-overflow",
+			browsers: [
+				"O10"
 			],
 			values: [
 				{
-					name: "always",
-					"description": "Always force a page break before/after the generated box."
-				},
-				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break before/after the generated box."
-				},
-				{
-					name: "avoid",
-					"description": "Avoid a page/column break before/after the generated box."
+					name: "clip",
+					"description": "Clip inline content that overflows. Characters may be only partially rendered."
 				},
 				{
-					name: "avoid-column",
-					"description": "Avoid a column break before/after the generated box."
-				},
+					name: "ellipsis",
+					"description": "Render an ellipsis character (U+2026) to represent clipped inline content."
+				}
+			],
+			"description": "Text can overflow for example when it is prevented from wrapping",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-o-transform",
+			browsers: [
+				"O10.5"
+			],
+			values: [
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break before/after the generated box."
+					name: "matrix()",
+					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
 				},
 				{
-					name: "avoid-region"
+					name: "matrix3d()",
+					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
 				},
 				{
-					name: "column",
-					"description": "Always force a column break before/after the generated box."
+					name: "none"
 				},
 				{
-					name: "left",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+					name: "rotate()",
+					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
 				},
 				{
-					name: "page",
-					"description": "Always force a page break before/after the generated box."
+					name: "rotate3d()",
+					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
 				},
 				{
-					name: "region"
+					name: "rotateX('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the X axis."
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
-				}
-			],
-			"description": "Describes the page/column break behavior before the generated box.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-webkit-column-break-before",
-			browsers: [
-				"C",
-				"S3"
-			],
-			values: [
-				{
-					name: "always",
-					"description": "Always force a page break before/after the generated box."
+					name: "rotateY('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
 				},
 				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break before/after the generated box."
+					name: "rotateZ('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a page/column break before/after the generated box."
+					name: "scale()",
+					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
 				},
 				{
-					name: "avoid-column",
-					"description": "Avoid a column break before/after the generated box."
+					name: "scale3d()",
+					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
 				},
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break before/after the generated box."
+					name: "scaleX()",
+					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
 				},
 				{
-					name: "avoid-region"
+					name: "scaleY()",
+					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
 				},
 				{
-					name: "column",
-					"description": "Always force a column break before/after the generated box."
+					name: "scaleZ()",
+					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
 				},
 				{
-					name: "left",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+					name: "skew()",
+					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
 				},
 				{
-					name: "page",
-					"description": "Always force a page break before/after the generated box."
+					name: "skewX()",
+					"description": "Specifies a skew transformation along the X axis by the given angle."
 				},
 				{
-					name: "region"
+					name: "skewY()",
+					"description": "Specifies a skew transformation along the Y axis by the given angle."
 				},
 				{
-					name: "right",
-					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
-				}
-			],
-			"description": "Describes the page/column break behavior before the generated box.",
-			"restrictions": [
-				"enum"
-			]
-		},
-		{
-			name: "-webkit-column-break-inside",
-			browsers: [
-				"C",
-				"S3"
-			],
-			values: [
-				{
-					name: "auto",
-					"description": "Neither force nor forbid a page/column break inside the generated box."
+					name: "translate()",
+					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
 				},
 				{
-					name: "avoid",
-					"description": "Avoid a page/column break inside the generated box."
+					name: "translate3d()",
+					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
 				},
 				{
-					name: "avoid-column",
-					"description": "Avoid a column break inside the generated box."
+					name: "translateX()",
+					"description": "Specifies a translation by the given amount in the X direction."
 				},
 				{
-					name: "avoid-page",
-					"description": "Avoid a page break inside the generated box."
+					name: "translateY()",
+					"description": "Specifies a translation by the given amount in the Y direction."
 				},
 				{
-					name: "avoid-region"
+					name: "translateZ()",
+					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
 				}
 			],
-			"description": "Describes the page/column break behavior inside the generated box.",
+			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-column-count",
+			name: "-o-transform-origin",
 			browsers: [
-				"C",
-				"S3"
-			],
-			values: [
-				{
-					name: "auto",
-					"description": "Determines the number of columns by the 'column-width' property and the element width."
-				}
+				"O10.5"
 			],
-			"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
+			"description": "Establishes the origin of transformation for an element.",
 			"restrictions": [
-				"integer"
+				"positon",
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-column-gap",
+			name: "-o-transition",
 			browsers: [
-				"C",
-				"S3"
+				"O11.5"
 			],
 			values: [
 				{
-					name: "normal",
-					"description": "User agent specific and typically equivalent to 1em."
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
+				},
+				{
+					name: "none",
+					"description": "No property will transition."
 				}
 			],
-			"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
+			"description": "Shorthand property combines four of the transition properties into a single property.",
 			"restrictions": [
-				"length"
+				"time",
+				"property",
+				"timing-function",
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-column-rule",
+			name: "-o-transition-delay",
 			browsers: [
-				"C",
-				"S3"
+				"O11.5"
 			],
-			"description": "This property is a shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
+			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
 			"restrictions": [
-				"length",
-				"line-width",
-				"line-style",
-				"color"
+				"time"
 			]
 		},
 		{
-			name: "-webkit-column-rule-color",
+			name: "-o-transition-duration",
 			browsers: [
-				"C",
-				"S3"
+				"O11.5"
 			],
-			"description": "Sets the color of the column rule",
+			"description": "Specifies how long the transition from the old value to the new value should take.",
 			"restrictions": [
-				"color"
+				"time"
 			]
 		},
 		{
-			name: "-webkit-column-rule-style",
+			name: "-o-transition-property",
 			browsers: [
-				"C",
-				"S3"
+				"O11.5"
 			],
-			"description": "Sets the style of the rule between columns of an element.",
+			values: [
+				{
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
+				},
+				{
+					name: "none",
+					"description": "No property will transition."
+				}
+			],
+			"description": "Specifies the name of the CSS property to which the transition is applied.",
 			"restrictions": [
-				"line-style"
+				"property"
 			]
 		},
 		{
-			name: "-webkit-column-rule-width",
+			name: "-o-transition-timing-function",
 			browsers: [
-				"C",
-				"S3"
+				"O11.5"
 			],
-			"description": "Sets the width of the rule between columns. Negative values are not allowed.",
+			"description": "Describes how the intermediate values used during a transition will be calculated.",
 			"restrictions": [
-				"length",
-				"line-width"
+				"timing-function"
 			]
 		},
 		{
-			name: "-webkit-columns",
+			name: "offset-block-end",
 			browsers: [
-				"C",
-				"S3"
+				"FF41"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "The width depends on the values of other properties."
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
 				}
 			],
-			"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
+			"description": "Logical 'bottom'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
 				"length",
-				"integer"
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-column-span",
+			name: "offset-block-start",
 			browsers: [
-				"C",
-				"S3"
+				"FF41"
 			],
 			values: [
 				{
-					name: "all",
-					"description": "The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear."
-				},
-				{
-					name: "none",
-					"description": "The element does not span multiple columns."
+					name: "auto",
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
 				}
 			],
-			"description": "Describes the page/column break behavior after the generated box.",
+			"description": "Logical 'top'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-column-width",
+			name: "offset-inline-end",
 			browsers: [
-				"C",
-				"S3"
+				"FF41"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "The width depends on the values of other properties."
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
 				}
 			],
-			"description": "This property describes the width of columns in multicol elements.",
+			"description": "Logical 'right'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"length"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-filter",
+			name: "offset-inline-start",
 			browsers: [
-				"C18",
-				"O15",
-				"S6"
+				"FF41"
 			],
 			values: [
 				{
-					name: "none",
-					"description": "No filter effects are applied."
-				},
-				{
-					name: "blur()",
-					"description": "Applies a Gaussian blur to the input image."
-				},
-				{
-					name: "brightness()",
-					"description": "Applies a linear multiplier to input image, making it appear more or less bright."
-				},
-				{
-					name: "contrast()",
-					"description": "Adjusts the contrast of the input."
-				},
-				{
-					name: "drop-shadow()",
-					"description": "Applies a drop shadow effect to the input image."
-				},
-				{
-					name: "grayscale()",
-					"description": "Converts the input image to grayscale."
-				},
-				{
-					name: "hue-rotate()",
-					"description": "Applies a hue rotation on the input image. "
-				},
-				{
-					name: "invert()",
-					"description": "Inverts the samples in the input image."
-				},
-				{
-					name: "opacity()",
-					"description": "Applies transparency to the samples in the input image."
-				},
-				{
-					name: "saturate()",
-					"description": "Saturates the input image."
-				},
-				{
-					name: "sepia()",
-					"description": "Converts the input image to sepia."
-				},
-				{
-					name: "url()",
-					"description": "A filter reference to a <filter> element."
+					name: "auto",
+					"description": "For non-replaced elements, the effect of this value depends on which of related properties have the value 'auto' as well."
 				}
 			],
-			"description": "Processes an element’s rendering before it is displayed in the document, by applying one or more filter effects.",
+			"description": "Logical 'left'. Mapping depends on the parent element’s 'writing-mode', 'direction', and 'text-orientation'.",
 			"restrictions": [
-				"enum",
-				"url"
+				"length",
+				"percentage"
 			]
 		},
 		{
-			name: "-webkit-flow-from",
+			name: "pad",
 			browsers: [
-				"S6.1"
+				"FF33"
 			],
-			values: [
-				{
-					name: "none",
-					"description": "The block container is not a CSS Region."
-				}
+			"syntax": "<integer> && <symbol>",
+			"description": "@counter-style descriptor. Specifies a “fixed-width” counter style, where representations shorter than the pad value are padded with a particular <symbol>",
+			"restrictions": [
+				"integer",
+				"image",
+				"string",
+				"identifier"
+			]
+		},
+		{
+			name: "prefix",
+			browsers: [
+				"FF33"
 			],
-			"description": "Makes a block container a region and associates it with a named flow.",
+			"syntax": "<symbol>",
+			"description": "@counter-style descriptor. Specifies a <symbol> that is prepended to the marker representation.",
 			"restrictions": [
+				"image",
+				"string",
 				"identifier"
 			]
 		},
 		{
-			name: "-webkit-flow-into",
+			name: "range",
 			browsers: [
-				"S6.1"
+				"FF33"
 			],
 			values: [
 				{
-					name: "none",
-					"description": "The element is not moved to a named flow and normal CSS processing takes place."
+					name: "auto",
+					"description": "The range depends on the counter system."
+				},
+				{
+					name: "infinite",
+					"description": "If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity."
 				}
 			],
-			"description": "Places an element or its contents into a named flow.",
+			"syntax": "[ [ <integer> | infinite ]{2} ]# | auto",
+			"description": "@counter-style descriptor. Defines the ranges over which the counter style is defined.",
 			"restrictions": [
-				"identifier"
+				"integer",
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-font-feature-settings",
+			name: "ruby-align",
 			browsers: [
-				"C16"
+				"FF38"
 			],
 			values: [
 				{
-					name: "\"c2cs\""
-				},
-				{
-					name: "\"dlig\""
+					name: "auto",
+					browsers: [
+						"FF38"
+					],
+					"description": "The user agent determines how the ruby contents are aligned. This is the initial value."
 				},
 				{
-					name: "\"kern\""
+					name: "center",
+					"description": "The ruby content is centered within its box."
 				},
 				{
-					name: "\"liga\""
+					name: "distribute-letter",
+					browsers: [
+						"FF38"
+					],
+					"description": "If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with the first and last ruby text glyphs lining up with the corresponding first and last base glyphs. If the width of the ruby text is at least the width of the base, then the letters of the base are evenly distributed across the width of the ruby text."
 				},
 				{
-					name: "\"lnum\""
+					name: "distribute-space",
+					browsers: [
+						"FF38"
+					],
+					"description": "If the width of the ruby text is smaller than that of the base, then the ruby text contents are evenly distributed across the width of the base, with a certain amount of white space preceding the first and following the last character in the ruby text. That amount of white space is normally equal to half the amount of inter-character space of the ruby text."
 				},
 				{
-					name: "\"onum\""
+					name: "left",
+					"description": "The ruby text content is aligned with the start edge of the base."
 				},
 				{
-					name: "\"smcp\""
+					name: "line-edge",
+					browsers: [
+						"FF38"
+					],
+					"description": "If the ruby text is not adjacent to a line edge, it is aligned as in 'auto'. If it is adjacent to a line edge, then it is still aligned as in auto, but the side of the ruby text that touches the end of the line is lined up with the corresponding edge of the base."
 				},
 				{
-					name: "\"swsh\""
+					name: "right",
+					browsers: [
+						"FF38"
+					],
+					"description": "The ruby text content is aligned with the end edge of the base."
 				},
 				{
-					name: "\"tnum\""
+					name: "start",
+					browsers: [
+						"FF38"
+					],
+					"description": "The ruby text content is aligned with the start edge of the base."
 				},
 				{
-					name: "normal",
-					"description": "No change in glyph substitution or positioning occurs."
+					name: "space-between",
+					browsers: [
+						"FF38"
+					],
+					"description": "The ruby content expands as defined for normal text justification (as defined by 'text-justify'),"
 				},
 				{
-					name: "off"
-				},
+					name: "space-around",
+					browsers: [
+						"FF38"
+					],
+					"description": "As for 'space-between' except that there exists an extra justification opportunities whose space is distributed half before and half after the ruby content."
+				}
+			],
+			"status": "experimental",
+			"syntax": "start | center | space-between | space-around",
+			"references": [
 				{
-					name: "on"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/ruby-align"
 				}
 			],
-			"description": "This property provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
+			"description": "Specifies how text is distributed within the various ruby boxes when their contents do not exactly fill their respective boxes.",
 			"restrictions": [
-				"string",
-				"integer"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-hyphens",
+			name: "ruby-overhang",
 			browsers: [
-				"S5.1"
+				"FF10",
+				"IE5"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
+					"description": "The ruby text can overhang text adjacent to the base on either side. This is the initial value."
 				},
 				{
-					name: "manual",
-					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
+					name: "end",
+					"description": "The ruby text can overhang the text that follows it."
 				},
 				{
 					name: "none",
-					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
+					"description": "The ruby text cannot overhang any text adjacent to its base, only its own base."
+				},
+				{
+					name: "start",
+					"description": "The ruby text can overhang the text that precedes it."
 				}
 			],
-			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
+			"description": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-line-break",
+			name: "ruby-position",
 			browsers: [
-				"C",
-				"S3"
+				"E12",
+				"FF38"
 			],
 			values: [
 				{
-					name: "after-white-space"
+					name: "after",
+					"description": "The ruby text appears after the base. This is a relatively rare setting used in ideographic East Asian writing systems, most easily found in educational text."
 				},
 				{
-					name: "normal"
-				}
-			],
-			"description": "Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text."
-		},
-		{
-			name: "-webkit-margin-bottom-collapse",
-			browsers: [
-				"C",
-				"S3"
-			],
-			values: [
-				{
-					name: "collapse"
+					name: "before",
+					"description": "The ruby text appears before the base. This is the most common setting used in ideographic East Asian writing systems."
 				},
 				{
-					name: "discard"
+					name: "inline"
 				},
 				{
-					name: "separate"
+					name: "right",
+					"description": "The ruby text appears on the right of the base. Unlike 'before' and 'after', this value is not relative to the text flow direction."
+				}
+			],
+			"status": "experimental",
+			"syntax": "over | under | inter-character",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/ruby-position"
 				}
 			],
+			"description": "Used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-margin-collapse",
+			name: "ruby-span",
 			browsers: [
-				"C",
-				"S3"
+				"FF10"
 			],
 			values: [
 				{
-					name: "collapse"
-				},
-				{
-					name: "discard"
+					name: "attr(x)",
+					"description": "The value of attribute 'x' is a string value. The string value is evaluated as a <number> to determine the number of ruby base elements to be spanned by the annotation element."
 				},
 				{
-					name: "separate"
+					name: "none",
+					"description": "No spanning. The computed value is '1'."
 				}
 			],
+			"description": "Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-margin-start",
+			name: "scrollbar-3dlight-color",
 			browsers: [
-				"C",
-				"S3"
+				"IE5"
 			],
-			values: [
+			"references": [
 				{
-					name: "auto"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-3dlight-color"
 				}
 			],
+			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
 			"restrictions": [
-				"percentage",
-				"length"
+				"color"
 			]
 		},
 		{
-			name: "-webkit-margin-top-collapse",
+			name: "scrollbar-arrow-color",
 			browsers: [
-				"C",
-				"S3"
+				"IE5"
 			],
-			values: [
-				{
-					name: "collapse"
-				},
-				{
-					name: "discard"
-				},
+			"references": [
 				{
-					name: "separate"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-arrow-color"
 				}
 			],
+			"description": "Determines the color of the arrow elements of a scroll arrow.",
 			"restrictions": [
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-webkit-mask-clip",
+			name: "scrollbar-base-color",
 			browsers: [
-				"C",
-				"O15",
-				"S4"
+				"IE5"
 			],
-			"status": "nonstandard",
-			"syntax": "[ <box> | border | padding | content | text ]#",
-			"description": "Determines the mask painting area, which determines the area that is affected by the mask.",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-base-color"
+				}
+			],
+			"description": "Determines the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.",
 			"restrictions": [
-				"box"
+				"color"
 			]
 		},
 		{
-			name: "-webkit-mask-image",
+			name: "scrollbar-darkshadow-color",
 			browsers: [
-				"C",
-				"O15",
-				"S4"
+				"IE5"
 			],
-			values: [
-				{
-					name: "none",
-					"description": "Counts as a transparent black image layer."
-				},
+			"references": [
 				{
-					name: "url()",
-					"description": "Reference to a <mask element or to a CSS image."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-darkshadow-color"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "<mask-reference>#",
-			"description": "Sets the mask layer image of an element.",
+			"description": "Determines the color of the gutter of a scroll bar.",
 			"restrictions": [
-				"url",
-				"image",
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-webkit-mask-origin",
+			name: "scrollbar-face-color",
 			browsers: [
-				"C",
-				"O15",
-				"S4"
+				"IE5"
 			],
-			"status": "nonstandard",
-			"syntax": "[ <box> | border | padding | content ]#",
-			"description": "Specifies the mask positioning area.",
-			"restrictions": [
-				"box"
-			]
-		},
-		{
-			name: "-webkit-mask-repeat",
-			browsers: [
-				"C",
-				"O15",
-				"S4"
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-face-color"
+				}
 			],
-			"status": "nonstandard",
-			"syntax": "<repeat-style>#",
-			"description": "Specifies how mask layer images are tiled after they have been sized and positioned.",
+			"description": "Determines the color of the scroll box and scroll arrows of a scroll bar.",
 			"restrictions": [
-				"repeat"
+				"color"
 			]
 		},
 		{
-			name: "-webkit-mask-size",
+			name: "scrollbar-highlight-color",
 			browsers: [
-				"C",
-				"O15",
-				"S4"
+				"IE5"
 			],
-			values: [
-				{
-					name: "auto",
-					"description": "Resolved by using the image’s intrinsic ratio and the size of the other dimension, or failing that, using the image’s intrinsic size, or failing that, treating it as 100%."
-				},
-				{
-					name: "contain",
-					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
-				},
+			"references": [
 				{
-					name: "cover",
-					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-highlight-color"
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "<bg-size>#",
-			"description": "Specifies the size of the mask layer images.",
+			"description": "Determines the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.",
 			"restrictions": [
-				"length",
-				"percentage",
-				"enum"
+				"color"
 			]
 		},
 		{
-			name: "-webkit-nbsp-mode",
+			name: "scrollbar-shadow-color",
 			browsers: [
-				"C",
-				"S3"
+				"IE5"
 			],
-			values: [
-				{
-					name: "normal"
-				},
+			"references": [
 				{
-					name: "space"
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-shadow-color"
 				}
 			],
-			"description": "Defines the behavior of nonbreaking spaces within text."
+			"description": "Determines the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
 		},
 		{
-			name: "-webkit-overflow-scrolling",
+			name: "scrollbar-track-color",
 			browsers: [
-				"C",
-				"S5"
-			],
-			values: [
-				{
-					name: "auto"
-				},
-				{
-					name: "touch"
-				}
+				"IE5"
 			],
-			"status": "nonstandard",
-			"syntax": "auto | touch",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-overflow-scrolling"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-track-color"
 				}
 			],
-			"description": "Specifies whether to use native-style scrolling in an overflow:scroll element."
+			"description": "Determines the color of the track element of a scroll bar.",
+			"restrictions": [
+				"color"
+			]
 		},
 		{
-			name: "-webkit-padding-start",
+			name: "suffix",
 			browsers: [
-				"C",
-				"S3"
+				"FF33"
 			],
+			"syntax": "<symbol>",
+			"description": "@counter-style descriptor. Specifies a <symbol> that is appended to the marker representation.",
 			"restrictions": [
-				"percentage",
-				"length"
+				"image",
+				"string",
+				"identifier"
 			]
 		},
 		{
-			name: "-webkit-perspective",
+			name: "system",
 			browsers: [
-				"C",
-				"S4"
+				"FF33"
 			],
 			values: [
 				{
-					name: "none",
-					"description": "No perspective transform is applied."
+					name: "additive",
+					"description": "Represents “sign-value” numbering systems, which, rather than using reusing digits in different positions to change their value, define additional digits with much larger values, so that the value of the number can be obtained by adding all the digits together."
+				},
+				{
+					name: "alphabetic",
+					"description": "Interprets the list of counter symbols as digits to an alphabetic numbering system, similar to the default lower-alpha counter style, which wraps from \"a\", \"b\", \"c\", to \"aa\", \"ab\", \"ac\"."
+				},
+				{
+					name: "cyclic",
+					"description": "Cycles repeatedly through its provided symbols, looping back to the beginning when it reaches the end of the list."
+				},
+				{
+					name: "extends",
+					"description": "Use the algorithm of another counter style, but alter other aspects."
+				},
+				{
+					name: "fixed",
+					"description": "Runs through its list of counter symbols once, then falls back."
+				},
+				{
+					name: "numeric",
+					"description": "interprets the list of counter symbols as digits to a \"place-value\" numbering system, similar to the default 'decimal' counter style."
+				},
+				{
+					name: "symbolic",
+					"description": "Cycles repeatedly through its provided symbols, doubling, tripling, etc. the symbols on each successive pass through the list."
 				}
 			],
-			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
+			"syntax": "cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]",
+			"description": "@counter-style descriptor. Specifies which algorithm will be used to construct the counter’s representation based on the counter value.",
 			"restrictions": [
-				"length"
+				"enum",
+				"integer"
 			]
 		},
 		{
-			name: "-webkit-perspective-origin",
+			name: "symbols",
 			browsers: [
-				"C",
-				"S4"
+				"FF33"
 			],
-			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
+			"syntax": "<symbol>+",
+			"description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor.",
 			"restrictions": [
-				"position",
-				"percentage",
-				"length"
+				"image",
+				"string",
+				"identifier"
 			]
 		},
 		{
-			name: "-webkit-region-fragment",
+			name: "-webkit-animation",
 			browsers: [
-				"S7"
+				"C",
+				"S5"
 			],
 			values: [
 				{
-					name: "auto",
-					"description": "Content flows as it would in a regular content box."
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
 				},
 				{
-					name: "break",
-					"description": "If the content fits within the CSS Region, then this property has no effect."
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+				},
+				{
+					name: "backwards",
+					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
+				},
+				{
+					name: "both",
+					"description": "Both forwards and backwards fill modes are applied."
+				},
+				{
+					name: "forwards",
+					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+				},
+				{
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
+				},
+				{
+					name: "none",
+					"description": "No animation is performed"
+				},
+				{
+					name: "normal",
+					"description": "Normal playback."
+				},
+				{
+					name: "reverse",
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
-			"description": "The 'region-fragment' property controls the behavior of the last region associated with a named flow.",
+			"description": "Shorthand property combines six of the animation properties into a single property.",
 			"restrictions": [
-				"enum"
+				"time",
+				"enum",
+				"timing-function",
+				"identifier",
+				"number"
 			]
 		},
 		{
-			name: "-webkit-tap-highlight-color",
+			name: "-webkit-animation-delay",
 			browsers: [
-				"E",
 				"C",
-				"S3.1"
+				"S5"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
+			"description": "Defines when the animation will start.",
 			"restrictions": [
-				"color"
+				"time"
 			]
 		},
 		{
-			name: "-webkit-text-fill-color",
+			name: "-webkit-animation-direction",
 			browsers: [
-				"E12",
-				"FF49",
-				"S3",
-				"C1",
-				"O15"
+				"C",
+				"S5"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-fill-color"
+					name: "alternate",
+					"description": "The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction."
+				},
+				{
+					name: "alternate-reverse",
+					"description": "The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction."
+				},
+				{
+					name: "normal",
+					"description": "Normal playback."
+				},
+				{
+					name: "reverse",
+					"description": "All iterations of the animation are played in the reverse direction from the way they were specified."
 				}
 			],
+			"description": "Defines whether or not the animation should play in reverse on alternate cycles.",
 			"restrictions": [
-				"color"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-text-size-adjust",
+			name: "-webkit-animation-duration",
 			browsers: [
-				"E",
 				"C",
-				"S3"
-			],
-			values: [
-				{
-					name: "auto",
-					"description": "Renderers must use the default size adjustment when displaying on a small device."
-				},
-				{
-					name: "none",
-					"description": "Renderers must not do size adjustment when displaying on a small device."
-				}
+				"S5"
 			],
-			"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
+			"description": "Defines the length of time that an animation takes to complete one cycle.",
 			"restrictions": [
-				"percentage"
+				"time"
 			]
 		},
 		{
-			name: "-webkit-text-stroke",
+			name: "-webkit-animation-fill-mode",
 			browsers: [
-				"E15",
-				"FF49",
-				"S3",
-				"C4",
-				"O15"
+				"C",
+				"S5"
 			],
-			"status": "nonstandard",
-			"syntax": "<length> || <color>",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke"
+					name: "backwards",
+					"description": "The beginning property value (as defined in the first @keyframes at-rule) is applied before the animation is displayed, during the period defined by 'animation-delay'."
+				},
+				{
+					name: "both",
+					"description": "Both forwards and backwards fill modes are applied."
+				},
+				{
+					name: "forwards",
+					"description": "The final property value (as defined in the last @keyframes at-rule) is maintained after the animation completes."
+				},
+				{
+					name: "none",
+					"description": "There is no change to the property value between the time the animation is applied and the time the animation begins playing or after the animation completes."
 				}
 			],
+			"description": "Defines what values are applied by the animation outside the time it is executing.",
 			"restrictions": [
-				"length",
-				"line-width",
-				"color",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-text-stroke-color",
+			name: "-webkit-animation-iteration-count",
 			browsers: [
-				"E15",
-				"FF49",
-				"S3",
-				"C1",
-				"O15"
+				"C",
+				"S5"
 			],
-			"status": "nonstandard",
-			"syntax": "<color>",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke-color"
+					name: "infinite",
+					"description": "Causes the animation to repeat forever."
 				}
 			],
+			"description": "Defines the number of times an animation cycle is played. The default value is one, meaning the animation will play from beginning to end once.",
 			"restrictions": [
-				"color"
+				"number",
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-text-stroke-width",
+			name: "-webkit-animation-name",
 			browsers: [
-				"E15",
-				"FF49",
-				"S3",
-				"C1",
-				"O15"
+				"C",
+				"S5"
 			],
-			"status": "nonstandard",
-			"syntax": "<length>",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke-width"
+					name: "none",
+					"description": "No animation is performed"
 				}
 			],
+			"description": "Defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.",
 			"restrictions": [
-				"length",
-				"line-width",
-				"percentage"
+				"identifier",
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-touch-callout",
+			name: "-webkit-animation-play-state",
 			browsers: [
-				"S3"
+				"C",
+				"S5"
 			],
 			values: [
 				{
-					name: "none"
-				}
-			],
-			"status": "nonstandard",
-			"syntax": "default | none",
-			"references": [
+					name: "paused",
+					"description": "A running animation will be paused."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-touch-callout"
+					name: "running",
+					"description": "Resume playback of a paused animation."
 				}
 			],
+			"description": "Defines whether the animation is running or paused.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-transform",
+			name: "-webkit-animation-timing-function",
 			browsers: [
 				"C",
-				"O12",
-				"S3.1"
+				"S5"
+			],
+			"description": "Describes how the animation will progress over one cycle of its duration. See the 'transition-timing-function'.",
+			"restrictions": [
+				"timing-function"
+			]
+		},
+		{
+			name: "-webkit-appearance",
+			browsers: [
+				"C",
+				"S3"
 			],
 			values: [
 				{
-					name: "matrix()",
-					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
+					name: "button"
 				},
 				{
-					name: "matrix3d()",
-					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
+					name: "button-bevel"
+				},
+				{
+					name: "caps-lock-indicator"
+				},
+				{
+					name: "caret"
+				},
+				{
+					name: "checkbox"
+				},
+				{
+					name: "default-button"
+				},
+				{
+					name: "listbox"
+				},
+				{
+					name: "listitem"
+				},
+				{
+					name: "media-fullscreen-button"
+				},
+				{
+					name: "media-mute-button"
+				},
+				{
+					name: "media-play-button"
+				},
+				{
+					name: "media-seek-back-button"
+				},
+				{
+					name: "media-seek-forward-button"
+				},
+				{
+					name: "media-slider"
+				},
+				{
+					name: "media-sliderthumb"
+				},
+				{
+					name: "menulist"
+				},
+				{
+					name: "menulist-button"
+				},
+				{
+					name: "menulist-text"
+				},
+				{
+					name: "menulist-textfield"
 				},
 				{
 					name: "none"
 				},
 				{
-					name: "perspective()",
-					"description": "Specifies a perspective projection matrix."
+					name: "push-button"
 				},
 				{
-					name: "rotate()",
-					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
+					name: "radio"
 				},
 				{
-					name: "rotate3d()",
-					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
+					name: "scrollbarbutton-down"
 				},
 				{
-					name: "rotateX('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the X axis."
+					name: "scrollbarbutton-left"
 				},
 				{
-					name: "rotateY('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
+					name: "scrollbarbutton-right"
 				},
 				{
-					name: "rotateZ('angle')",
-					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
+					name: "scrollbarbutton-up"
 				},
 				{
-					name: "scale()",
-					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
+					name: "scrollbargripper-horizontal"
 				},
 				{
-					name: "scale3d()",
-					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
+					name: "scrollbargripper-vertical"
 				},
 				{
-					name: "scaleX()",
-					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
+					name: "scrollbarthumb-horizontal"
 				},
 				{
-					name: "scaleY()",
-					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
+					name: "scrollbarthumb-vertical"
 				},
 				{
-					name: "scaleZ()",
-					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
+					name: "scrollbartrack-horizontal"
 				},
 				{
-					name: "skew()",
-					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
+					name: "scrollbartrack-vertical"
 				},
 				{
-					name: "skewX()",
-					"description": "Specifies a skew transformation along the X axis by the given angle."
+					name: "searchfield"
 				},
 				{
-					name: "skewY()",
-					"description": "Specifies a skew transformation along the Y axis by the given angle."
+					name: "searchfield-cancel-button"
 				},
 				{
-					name: "translate()",
-					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
+					name: "searchfield-decoration"
 				},
 				{
-					name: "translate3d()",
-					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+					name: "searchfield-results-button"
 				},
 				{
-					name: "translateX()",
-					"description": "Specifies a translation by the given amount in the X direction."
+					name: "searchfield-results-decoration"
+				},
+				{
+					name: "slider-horizontal"
+				},
+				{
+					name: "sliderthumb-horizontal"
+				},
+				{
+					name: "sliderthumb-vertical"
+				},
+				{
+					name: "slider-vertical"
+				},
+				{
+					name: "square-button"
+				},
+				{
+					name: "textarea"
+				},
+				{
+					name: "textfield"
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "none | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield",
+			"description": "Changes the appearance of buttons and other controls to resemble native controls.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-webkit-backdrop-filter",
+			browsers: [
+				"S9"
+			],
+			values: [
+				{
+					name: "none",
+					"description": "No filter effects are applied."
+				},
+				{
+					name: "blur()",
+					"description": "Applies a Gaussian blur to the input image."
+				},
+				{
+					name: "brightness()",
+					"description": "Applies a linear multiplier to input image, making it appear more or less bright."
+				},
+				{
+					name: "contrast()",
+					"description": "Adjusts the contrast of the input."
+				},
+				{
+					name: "drop-shadow()",
+					"description": "Applies a drop shadow effect to the input image."
+				},
+				{
+					name: "grayscale()",
+					"description": "Converts the input image to grayscale."
+				},
+				{
+					name: "hue-rotate()",
+					"description": "Applies a hue rotation on the input image. "
+				},
+				{
+					name: "invert()",
+					"description": "Inverts the samples in the input image."
+				},
+				{
+					name: "opacity()",
+					"description": "Applies transparency to the samples in the input image."
+				},
+				{
+					name: "saturate()",
+					"description": "Saturates the input image."
+				},
+				{
+					name: "sepia()",
+					"description": "Converts the input image to sepia."
 				},
 				{
-					name: "translateY()",
-					"description": "Specifies a translation by the given amount in the Y direction."
+					name: "url()",
+					"description": "A filter reference to a <filter> element."
+				}
+			],
+			"description": "Applies a filter effect where the first filter in the list takes the element's background image as the input image.",
+			"restrictions": [
+				"enum",
+				"url"
+			]
+		},
+		{
+			name: "-webkit-backface-visibility",
+			browsers: [
+				"C",
+				"S5"
+			],
+			values: [
+				{
+					name: "hidden"
 				},
 				{
-					name: "translateZ()",
-					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
+					name: "visible"
 				}
 			],
-			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
+			"description": "Determines whether or not the 'back' side of a transformed element is visible when facing the viewer. With an identity transform, the front side of an element faces the viewer.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-transform-origin",
+			name: "-webkit-background-clip",
 			browsers: [
 				"C",
-				"O15",
-				"S3.1"
+				"S3"
 			],
-			"description": "Establishes the origin of transformation for an element.",
+			"description": "Determines the background painting area.",
 			"restrictions": [
-				"position",
-				"length",
-				"percentage"
+				"box"
 			]
 		},
 		{
-			name: "-webkit-transform-origin-x",
+			name: "-webkit-background-composite",
 			browsers: [
 				"C",
-				"S3.1"
+				"S3"
+			],
+			values: [
+				{
+					name: "border"
+				},
+				{
+					name: "padding"
+				}
 			],
-			"description": "The x coordinate of the origin for transforms applied to an element with respect to its border box.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-transform-origin-y",
+			name: "-webkit-background-origin",
 			browsers: [
 				"C",
-				"S3.1"
+				"S3"
 			],
-			"description": "The y coordinate of the origin for transforms applied to an element with respect to its border box.",
+			"description": "For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes 'box-decoration-break' operates on to determine the background positioning area(s).",
 			"restrictions": [
-				"length",
-				"percentage"
+				"box"
 			]
 		},
 		{
-			name: "-webkit-transform-origin-z",
+			name: "-webkit-border-image",
 			browsers: [
 				"C",
-				"S4"
+				"S5"
 			],
-			"description": "The z coordinate of the origin for transforms applied to an element with respect to its border box.",
+			values: [
+				{
+					name: "auto",
+					"description": "If 'auto' is specified then the border image width is the intrinsic width or height (whichever is applicable) of the corresponding image slice. If the image does not have the required intrinsic dimension then the corresponding border-width is used instead."
+				},
+				{
+					name: "fill",
+					"description": "Causes the middle part of the border-image to be preserved."
+				},
+				{
+					name: "none"
+				},
+				{
+					name: "repeat",
+					"description": "The image is tiled (repeated) to fill the area."
+				},
+				{
+					name: "round",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does."
+				},
+				{
+					name: "space",
+					"description": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles."
+				},
+				{
+					name: "stretch",
+					"description": "The image is stretched to fill the area."
+				},
+				{
+					name: "url()"
+				}
+			],
+			"description": "Shorthand property for setting 'border-image-source', 'border-image-slice', 'border-image-width', 'border-image-outset' and 'border-image-repeat'. Omitted values are set to their initial values.",
 			"restrictions": [
 				"length",
-				"percentage"
+				"percentage",
+				"number",
+				"url",
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-transform-style",
+			name: "-webkit-box-align",
 			browsers: [
 				"C",
-				"S4"
+				"S3"
 			],
 			values: [
 				{
-					name: "flat",
-					"description": "All children of this element are rendered flattened into the 2D plane of the element."
+					name: "baseline",
+					"description": "If this box orientation is inline-axis or horizontal, all children are placed with their baselines aligned, and extra space placed before or after as necessary. For block flows, the baseline of the first non-empty line box located within the element is used. For tables, the baseline of the first cell is used."
+				},
+				{
+					name: "center",
+					"description": "Any extra space is divided evenly, with half placed above the child and the other half placed after the child."
+				},
+				{
+					name: "end",
+					"description": "For normal direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element. For reverse direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element."
+				},
+				{
+					name: "start",
+					"description": "For normal direction boxes, the top edge of each child is placed along the top of the box. Extra space is placed below the element. For reverse direction boxes, the bottom edge of each child is placed along the bottom of the box. Extra space is placed above the element."
+				},
+				{
+					name: "stretch",
+					"description": "The height of each child is adjusted to that of the containing block."
 				}
 			],
-			"description": "Defines how nested elements are rendered in 3D space.",
+			"description": "Specifies the alignment of nested elements within an outer flexible box element.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-transition",
+			name: "-webkit-box-direction",
 			browsers: [
 				"C",
-				"O12",
-				"S5"
+				"S3"
 			],
 			values: [
 				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
+					name: "normal",
+					"description": "A box with a computed value of horizontal for box-orient displays its children from left to right. A box with a computed value of vertical displays its children from top to bottom."
 				},
 				{
-					name: "none",
-					"description": "No property will transition."
+					name: "reverse",
+					"description": "A box with a computed value of horizontal for box-orient displays its children from right to left. A box with a computed value of vertical displays its children from bottom to top."
 				}
 			],
-			"description": "Shorthand property combines four of the transition properties into a single property.",
+			"description": "In webkit applications, -webkit-box-direction specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).",
 			"restrictions": [
-				"time",
-				"property",
-				"timing-function",
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-transition-delay",
+			name: "-webkit-box-flex",
 			browsers: [
 				"C",
-				"O12",
-				"S5"
+				"S3"
 			],
-			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
+			"description": "Specifies an element's flexibility.",
 			"restrictions": [
-				"time"
+				"number"
 			]
 		},
 		{
-			name: "-webkit-transition-duration",
+			name: "-webkit-box-flex-group",
 			browsers: [
 				"C",
-				"O12",
-				"S5"
+				"S3"
 			],
-			"description": "Specifies how long the transition from the old value to the new value should take.",
+			"description": "Flexible elements can be assigned to flex groups using the 'box-flex-group' property.",
 			"restrictions": [
-				"time"
+				"integer"
 			]
 		},
 		{
-			name: "-webkit-transition-property",
+			name: "-webkit-box-ordinal-group",
 			browsers: [
 				"C",
-				"O12",
-				"S5"
+				"S3"
+			],
+			"description": "Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.",
+			"restrictions": [
+				"integer"
+			]
+		},
+		{
+			name: "-webkit-box-orient",
+			browsers: [
+				"C",
+				"S3"
 			],
 			values: [
 				{
-					name: "all",
-					"description": "Every property that is able to undergo a transition will do so."
+					name: "block-axis",
+					"description": "Elements are oriented along the box's axis."
 				},
 				{
-					name: "none",
-					"description": "No property will transition."
+					name: "horizontal",
+					"description": "The box displays its children from left to right in a horizontal line."
+				},
+				{
+					name: "inline-axis",
+					"description": "Elements are oriented vertically."
+				},
+				{
+					name: "vertical",
+					"description": "The box displays its children from stacked from top to bottom vertically."
 				}
 			],
-			"description": "Specifies the name of the CSS property to which the transition is applied.",
+			"description": "In webkit applications, -webkit-box-orient specifies whether a box lays out its contents horizontally or vertically.",
 			"restrictions": [
-				"property"
+				"enum"
 			]
 		},
 		{
-			name: "-webkit-transition-timing-function",
+			name: "-webkit-box-pack",
 			browsers: [
 				"C",
-				"O12",
-				"S5"
+				"S3"
+			],
+			values: [
+				{
+					name: "center",
+					"description": "The extra space is divided evenly, with half placed before the first child and the other half placed after the last child."
+				},
+				{
+					name: "end",
+					"description": "For normal direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child. For reverse direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child."
+				},
+				{
+					name: "justify",
+					"description": "The space is divided evenly in-between each child, with none of the extra space placed before the first child or after the last child. If there is only one child, treat the pack value as if it were start."
+				},
+				{
+					name: "start",
+					"description": "For normal direction boxes, the left edge of the first child is placed at the left side, with all extra space placed after the last child. For reverse direction boxes, the right edge of the last child is placed at the right side, with all extra space placed before the first child."
+				}
+			],
+			"description": "Specifies alignment of child elements within the current element in the direction of orientation.",
+			"restrictions": [
+				"enum"
+			]
+		},
+		{
+			name: "-webkit-box-reflect",
+			browsers: [
+				"S4",
+				"C4",
+				"O15"
+			],
+			values: [
+				{
+					name: "above",
+					"description": "The reflection appears above the border box."
+				},
+				{
+					name: "below",
+					"description": "The reflection appears below the border box."
+				},
+				{
+					name: "left",
+					"description": "The reflection appears to the left of the border box."
+				},
+				{
+					name: "right",
+					"description": "The reflection appears to the right of the border box."
+				}
+			],
+			"status": "nonstandard",
+			"syntax": "[ above | below | right | left ]? <length>? <image>?",
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-box-reflect"
+				}
 			],
-			"description": "Describes how the intermediate values used during a transition will be calculated.",
-			"restrictions": [
-				"timing-function"
-			]
+			"description": "Defines a reflection of a border box."
 		},
 		{
-			name: "-webkit-user-drag",
+			name: "-webkit-box-sizing",
 			browsers: [
+				"C",
 				"S3"
 			],
 			values: [
 				{
-					name: "auto"
-				},
-				{
-					name: "element"
+					name: "border-box",
+					"description": "The specified width and height (and respective min/max properties) on this element determine the border box of the element."
 				},
 				{
-					name: "none"
+					name: "content-box",
+					"description": "Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element."
 				}
 			],
+			"description": "Box Model addition in CSS3.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-user-modify",
+			name: "-webkit-break-after",
 			browsers: [
-				"C",
-				"S3"
+				"S7"
 			],
 			values: [
 				{
-					name: "read-only"
+					name: "always",
+					"description": "Always force a page break before/after the generated box."
 				},
 				{
-					name: "read-write"
+					name: "auto",
+					"description": "Neither force nor forbid a page/column break before/after the generated box."
 				},
 				{
-					name: "read-write-plaintext-only"
+					name: "avoid",
+					"description": "Avoid a page/column break before/after the generated box."
+				},
+				{
+					name: "avoid-column",
+					"description": "Avoid a column break before/after the generated box."
+				},
+				{
+					name: "avoid-page",
+					"description": "Avoid a page break before/after the generated box."
+				},
+				{
+					name: "avoid-region"
+				},
+				{
+					name: "column",
+					"description": "Always force a column break before/after the generated box."
+				},
+				{
+					name: "left",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+				},
+				{
+					name: "page",
+					"description": "Always force a page break before/after the generated box."
+				},
+				{
+					name: "region"
+				},
+				{
+					name: "right",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"status": "nonstandard",
-			"syntax": "read-only | read-write | read-write-plaintext-only",
-			"description": "Determines whether a user can edit the content of an element.",
+			"description": "Describes the page/column break behavior before the generated box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "-webkit-user-select",
+			name: "-webkit-break-before",
 			browsers: [
-				"C",
-				"S3"
+				"S7"
 			],
 			values: [
 				{
-					name: "auto"
+					name: "always",
+					"description": "Always force a page break before/after the generated box."
 				},
 				{
-					name: "none"
+					name: "auto",
+					"description": "Neither force nor forbid a page/column break before/after the generated box."
 				},
 				{
-					name: "text"
+					name: "avoid",
+					"description": "Avoid a page/column break before/after the generated box."
+				},
+				{
+					name: "avoid-column",
+					"description": "Avoid a column break before/after the generated box."
+				},
+				{
+					name: "avoid-page",
+					"description": "Avoid a page break before/after the generated box."
+				},
+				{
+					name: "avoid-region"
+				},
+				{
+					name: "column",
+					"description": "Always force a column break before/after the generated box."
+				},
+				{
+					name: "left",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+				},
+				{
+					name: "page",
+					"description": "Always force a page break before/after the generated box."
+				},
+				{
+					name: "region"
+				},
+				{
+					name: "right",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"description": "Controls the appearance of selection.",
+			"description": "Describes the page/column break behavior before the generated box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "white-space",
+			name: "-webkit-break-inside",
+			browsers: [
+				"S7"
+			],
 			values: [
 				{
-					name: "normal",
-					"description": "Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'normal'."
+					name: "auto",
+					"description": "Neither force nor forbid a page/column break inside the generated box."
 				},
 				{
-					name: "nowrap",
-					"description": "Sets 'white-space-collapsing' to 'collapse' and 'text-wrap' to 'none'."
+					name: "avoid",
+					"description": "Avoid a page/column break inside the generated box."
 				},
 				{
-					name: "pre",
-					"description": "Sets 'white-space-collapsing' to 'preserve' and 'text-wrap' to 'none'."
+					name: "avoid-column",
+					"description": "Avoid a column break inside the generated box."
 				},
 				{
-					name: "pre-line",
-					"description": "Sets 'white-space-collapsing' to 'preserve-breaks' and 'text-wrap' to 'normal'."
+					name: "avoid-page",
+					"description": "Avoid a page break inside the generated box."
 				},
 				{
-					name: "pre-wrap",
-					"description": "Sets 'white-space-collapsing' to 'preserve' and 'text-wrap' to 'normal'."
-				}
-			],
-			"syntax": "normal | pre | nowrap | pre-wrap | pre-line",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/white-space"
+					name: "avoid-region"
 				}
 			],
-			"description": "Shorthand property for the 'white-space-collapsing' and 'text-wrap' properties.",
+			"description": "Describes the page/column break behavior inside the generated box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "widows",
+			name: "-webkit-column-break-after",
 			browsers: [
-				"E12",
-				"S1.3",
-				"C25",
-				"IE8",
-				"O9.2"
+				"C",
+				"S3"
 			],
-			"syntax": "<integer>",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/widows"
+					name: "always",
+					"description": "Always force a page break before/after the generated box."
+				},
+				{
+					name: "auto",
+					"description": "Neither force nor forbid a page/column break before/after the generated box."
+				},
+				{
+					name: "avoid",
+					"description": "Avoid a page/column break before/after the generated box."
+				},
+				{
+					name: "avoid-column",
+					"description": "Avoid a column break before/after the generated box."
+				},
+				{
+					name: "avoid-page",
+					"description": "Avoid a page break before/after the generated box."
+				},
+				{
+					name: "avoid-region"
+				},
+				{
+					name: "column",
+					"description": "Always force a column break before/after the generated box."
+				},
+				{
+					name: "left",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+				},
+				{
+					name: "page",
+					"description": "Always force a page break before/after the generated box."
+				},
+				{
+					name: "region"
+				},
+				{
+					name: "right",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"description": "Specifies the minimum number of line boxes of a block container that must be left in a fragment after a break.",
+			"description": "Describes the page/column break behavior before the generated box.",
 			"restrictions": [
-				"integer"
+				"enum"
 			]
 		},
 		{
-			name: "width",
+			name: "-webkit-column-break-before",
+			browsers: [
+				"C",
+				"S3"
+			],
 			values: [
+				{
+					name: "always",
+					"description": "Always force a page break before/after the generated box."
+				},
 				{
 					name: "auto",
-					"description": "The width depends on the values of other properties."
+					"description": "Neither force nor forbid a page/column break before/after the generated box."
 				},
 				{
-					name: "fit-content",
-					"description": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode."
+					name: "avoid",
+					"description": "Avoid a page/column break before/after the generated box."
 				},
 				{
-					name: "max-content",
-					"description": "Use the max-content inline size or max-content block size, as appropriate to the writing mode."
+					name: "avoid-column",
+					"description": "Avoid a column break before/after the generated box."
 				},
 				{
-					name: "min-content",
-					"description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
-				}
-			],
-			"syntax": "<viewport-length>{1,2}",
-			"references": [
+					name: "avoid-page",
+					"description": "Avoid a page break before/after the generated box."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/width"
+					name: "avoid-region"
+				},
+				{
+					name: "column",
+					"description": "Always force a column break before/after the generated box."
+				},
+				{
+					name: "left",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a left page."
+				},
+				{
+					name: "page",
+					"description": "Always force a page break before/after the generated box."
+				},
+				{
+					name: "region"
+				},
+				{
+					name: "right",
+					"description": "Force one or two page breaks before/after the generated box so that the next page is formatted as a right page."
 				}
 			],
-			"description": "Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
+			"description": "Describes the page/column break behavior before the generated box.",
 			"restrictions": [
-				"length",
-				"percentage"
+				"enum"
 			]
 		},
 		{
-			name: "will-change",
+			name: "-webkit-column-break-inside",
 			browsers: [
-				"FF36",
-				"S9.1",
-				"C36",
-				"O24"
+				"C",
+				"S3"
 			],
 			values: [
 				{
 					name: "auto",
-					"description": "Expresses no particular intent."
+					"description": "Neither force nor forbid a page/column break inside the generated box."
 				},
 				{
-					name: "contents",
-					"description": "Indicates that the author expects to animate or change something about the element’s contents in the near future."
+					name: "avoid",
+					"description": "Avoid a page/column break inside the generated box."
 				},
 				{
-					name: "scroll-position",
-					"description": "Indicates that the author expects to animate or change the scroll position of the element in the near future."
-				}
-			],
-			"syntax": "auto | <animateable-feature>#",
-			"references": [
+					name: "avoid-column",
+					"description": "Avoid a column break inside the generated box."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/will-change"
+					name: "avoid-page",
+					"description": "Avoid a page break inside the generated box."
+				},
+				{
+					name: "avoid-region"
 				}
 			],
-			"description": "Provides a rendering hint to the user agent, stating what kinds of changes the author expects to perform on the element.",
+			"description": "Describes the page/column break behavior inside the generated box.",
 			"restrictions": [
-				"enum",
-				"identifier"
+				"enum"
 			]
 		},
 		{
-			name: "word-break",
-			values: [
-				{
-					name: "break-all",
-					"description": "Lines may break between any two grapheme clusters for non-CJK scripts."
-				},
-				{
-					name: "keep-all",
-					"description": "Block characters can no longer create implied break points."
-				},
-				{
-					name: "normal",
-					"description": "Breaks non-CJK scripts according to their own rules."
-				}
+			name: "-webkit-column-count",
+			browsers: [
+				"C",
+				"S3"
 			],
-			"syntax": "normal | break-all | keep-all | break-word",
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/word-break"
+					name: "auto",
+					"description": "Determines the number of columns by the 'column-width' property and the element width."
 				}
 			],
-			"description": "Specifies line break opportunities for non-CJK scripts.",
+			"description": "Describes the optimal number of columns into which the content of the element will be flowed.",
 			"restrictions": [
-				"enum"
+				"integer"
 			]
 		},
 		{
-			name: "word-spacing",
+			name: "-webkit-column-gap",
+			browsers: [
+				"C",
+				"S3"
+			],
 			values: [
 				{
 					name: "normal",
-					"description": "No additional spacing is applied. Computes to zero."
+					"description": "User agent specific and typically equivalent to 1em."
 				}
 			],
-			"syntax": "normal | <length-percentage>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/word-spacing"
-				}
+			"description": "Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.",
+			"restrictions": [
+				"length"
+			]
+		},
+		{
+			name: "-webkit-column-rule",
+			browsers: [
+				"C",
+				"S3"
 			],
-			"description": "Specifies additional spacing between “words”.",
+			"description": "This property is a shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values.",
 			"restrictions": [
 				"length",
-				"percentage"
+				"line-width",
+				"line-style",
+				"color"
 			]
 		},
 		{
-			name: "word-wrap",
-			values: [
-				{
-					name: "break-word",
-					"description": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line."
-				},
-				{
-					name: "normal",
-					"description": "Lines may break only at allowed break points."
-				}
+			name: "-webkit-column-rule-color",
+			browsers: [
+				"C",
+				"S3"
 			],
-			"syntax": "normal | break-word",
-			"references": [
+			"description": "Sets the color of the column rule",
+			"restrictions": [
+				"color"
+			]
+		},
+		{
+			name: "-webkit-column-rule-style",
+			browsers: [
+				"C",
+				"S3"
+			],
+			"description": "Sets the style of the rule between columns of an element.",
+			"restrictions": [
+				"line-style"
+			]
+		},
+		{
+			name: "-webkit-column-rule-width",
+			browsers: [
+				"C",
+				"S3"
+			],
+			"description": "Sets the width of the rule between columns. Negative values are not allowed.",
+			"restrictions": [
+				"length",
+				"line-width"
+			]
+		},
+		{
+			name: "-webkit-columns",
+			browsers: [
+				"C",
+				"S3"
+			],
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-wrap"
+					name: "auto",
+					"description": "The width depends on the values of other properties."
 				}
 			],
-			"description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
+			"description": "A shorthand property which sets both 'column-width' and 'column-count'.",
 			"restrictions": [
-				"enum"
+				"length",
+				"integer"
 			]
 		},
 		{
-			name: "writing-mode",
+			name: "-webkit-column-span",
+			browsers: [
+				"C",
+				"S3"
+			],
 			values: [
 				{
-					name: "horizontal-tb",
-					"description": "Top-to-bottom block flow direction. The writing mode is horizontal."
-				},
-				{
-					name: "sideways-lr",
-					"description": "Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal."
-				},
-				{
-					name: "sideways-rl",
-					"description": "Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal."
-				},
-				{
-					name: "vertical-lr",
-					"description": "Left-to-right block flow direction. The writing mode is vertical."
+					name: "all",
+					"description": "The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear."
 				},
 				{
-					name: "vertical-rl",
-					"description": "Right-to-left block flow direction. The writing mode is vertical."
-				}
-			],
-			"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/writing-mode"
+					name: "none",
+					"description": "The element does not span multiple columns."
 				}
 			],
-			"description": "This is a shorthand property for both 'direction' and 'block-progression'.",
+			"description": "Describes the page/column break behavior after the generated box.",
 			"restrictions": [
 				"enum"
 			]
 		},
 		{
-			name: "z-index",
+			name: "-webkit-column-width",
+			browsers: [
+				"C",
+				"S3"
+			],
 			values: [
 				{
 					name: "auto",
-					"description": "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."
-				}
-			],
-			"syntax": "auto | <integer>",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/z-index"
+					"description": "The width depends on the values of other properties."
 				}
 			],
-			"description": "For a positioned box, the 'z-index' property specifies the stack level of the box in the current stacking context and whether the box establishes a local stacking context.",
+			"description": "This property describes the width of columns in multicol elements.",
 			"restrictions": [
-				"integer"
+				"length"
 			]
 		},
 		{
-			name: "zoom",
+			name: "-webkit-filter",
 			browsers: [
-				"E12",
-				"S3.1",
-				"C1",
-				"IE5.5",
-				"O15"
+				"C18",
+				"O15",
+				"S6"
 			],
 			values: [
 				{
-					name: "normal"
-				}
-			],
-			"syntax": "auto | <number> | <percentage>",
-			"references": [
+					name: "none",
+					"description": "No filter effects are applied."
+				},
+				{
+					name: "blur()",
+					"description": "Applies a Gaussian blur to the input image."
+				},
+				{
+					name: "brightness()",
+					"description": "Applies a linear multiplier to input image, making it appear more or less bright."
+				},
+				{
+					name: "contrast()",
+					"description": "Adjusts the contrast of the input."
+				},
+				{
+					name: "drop-shadow()",
+					"description": "Applies a drop shadow effect to the input image."
+				},
+				{
+					name: "grayscale()",
+					"description": "Converts the input image to grayscale."
+				},
+				{
+					name: "hue-rotate()",
+					"description": "Applies a hue rotation on the input image. "
+				},
+				{
+					name: "invert()",
+					"description": "Inverts the samples in the input image."
+				},
+				{
+					name: "opacity()",
+					"description": "Applies transparency to the samples in the input image."
+				},
+				{
+					name: "saturate()",
+					"description": "Saturates the input image."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/zoom"
+					name: "sepia()",
+					"description": "Converts the input image to sepia."
+				},
+				{
+					name: "url()",
+					"description": "A filter reference to a <filter> element."
 				}
 			],
-			"description": "Non-standard. Specifies the magnification scale of the object. See 'transform: scale()' for a standards-based alternative.",
+			"description": "Processes an element’s rendering before it is displayed in the document, by applying one or more filter effects.",
 			"restrictions": [
 				"enum",
-				"integer",
-				"number",
-				"percentage"
+				"url"
 			]
 		},
 		{
-			name: "-ms-ime-align",
-			"status": "nonstandard",
-			"syntax": "auto | after",
-			"description": "Aligns the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active."
-		},
-		{
-			name: "-moz-binding",
-			"status": "nonstandard",
-			"syntax": "<url> | none",
+			name: "-webkit-flow-from",
 			browsers: [
-				"FF1"
+				"S6.1"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-binding"
+					name: "none",
+					"description": "The block container is not a CSS Region."
 				}
 			],
-			"description": "The -moz-binding CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element."
+			"description": "Makes a block container a region and associates it with a named flow.",
+			"restrictions": [
+				"identifier"
+			]
 		},
 		{
-			name: "-moz-context-properties",
-			"status": "nonstandard",
-			"syntax": "none | [ fill | fill-opacity | stroke | stroke-opacity ]#",
+			name: "-webkit-flow-into",
 			browsers: [
-				"FF55"
+				"S6.1"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-context-properties"
+					name: "none",
+					"description": "The element is not moved to a named flow and normal CSS processing takes place."
 				}
 			],
-			"description": "If you reference an SVG image in a webpage (such as with the <img> element or as a background image), the SVG image can coordinate with the embedding element (its context) to have the image adopt property values set on the embedding element. To do this the embedding element needs to list the properties that are to be made available to the image by listing them as values of the -moz-context-properties property, and the image needs to opt in to using those properties by using values such as the context-fill value.\n\nThis feature is available since Firefox 55, but is only currently supported with SVG images loaded via chrome:// or resource:// URLs. To experiment with the feature in SVG on the Web it is necessary to set the svg.context-properties.content.enabled pref to true."
-		},
-		{
-			name: "-moz-float-edge",
-			"status": "nonstandard",
-			"syntax": "border-box | content-box | margin-box | padding-box",
-			"description": "The non-standard -moz-float-edge CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness."
-		},
-		{
-			name: "-moz-force-broken-image-icon",
-			"status": "nonstandard",
-			"syntax": "<integer>",
-			"description": "The -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute."
+			"description": "Places an element or its contents into a named flow.",
+			"restrictions": [
+				"identifier"
+			]
 		},
 		{
-			name: "-moz-image-region",
-			"status": "nonstandard",
-			"syntax": "<shape> | auto",
+			name: "-webkit-font-feature-settings",
 			browsers: [
-				"FF1"
+				"C16"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-image-region"
+					name: "\"c2cs\""
+				},
+				{
+					name: "\"dlig\""
+				},
+				{
+					name: "\"kern\""
+				},
+				{
+					name: "\"liga\""
+				},
+				{
+					name: "\"lnum\""
+				},
+				{
+					name: "\"onum\""
+				},
+				{
+					name: "\"smcp\""
+				},
+				{
+					name: "\"swsh\""
+				},
+				{
+					name: "\"tnum\""
+				},
+				{
+					name: "normal",
+					"description": "No change in glyph substitution or positioning occurs."
+				},
+				{
+					name: "off"
+				},
+				{
+					name: "on"
 				}
 			],
-			"description": "For certain XUL elements and pseudo-elements that use an image from the list-style-image property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance."
+			"description": "This property provides low-level control over OpenType font features. It is intended as a way of providing access to font features that are not widely used but are needed for a particular use case.",
+			"restrictions": [
+				"string",
+				"integer"
+			]
 		},
 		{
-			name: "-moz-orient",
-			"status": "nonstandard",
-			"syntax": "inline | block | horizontal | vertical",
+			name: "-webkit-hyphens",
 			browsers: [
-				"FF6"
+				"S5.1"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-orient"
+					name: "auto",
+					"description": "Conditional hyphenation characters inside a word, if present, take priority over automatic resources when determining hyphenation points within the word."
+				},
+				{
+					name: "manual",
+					"description": "Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities"
+				},
+				{
+					name: "none",
+					"description": "Words are not broken at line breaks, even if characters inside the word suggest line break points."
 				}
 			],
-			"description": "The -moz-orient CSS property specifies the orientation of the element to which it's applied."
+			"description": "Controls whether hyphenation is allowed to create more break opportunities within a line of text.",
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "-moz-outline-radius",
-			"status": "nonstandard",
-			"syntax": "<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?",
+			name: "-webkit-line-break",
 			browsers: [
-				"FF1.5"
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius"
+					name: "after-white-space"
+				},
+				{
+					name: "normal"
 				}
 			],
-			"description": "In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give an element's outline rounded corners."
-		},
-		{
-			name: "-moz-outline-radius-bottomleft",
-			"status": "nonstandard",
-			"syntax": "<outline-radius>",
-			"description": "In Mozilla applications, the -moz-outline-radius-bottomleft CSS property can be used to round the bottom-left corner of an element's outline."
-		},
-		{
-			name: "-moz-outline-radius-bottomright",
-			"status": "nonstandard",
-			"syntax": "<outline-radius>",
-			"description": "In Mozilla applications, the -moz-outline-radius-bottomright CSS property can be used to round the bottom-right corner of an element's outline."
-		},
-		{
-			name: "-moz-outline-radius-topleft",
-			"status": "nonstandard",
-			"syntax": "<outline-radius>",
-			"description": "In Mozilla applications, the -moz-outline-radius-topleft CSS property can be used to round the top-left corner of an element's outline."
-		},
-		{
-			name: "-moz-outline-radius-topright",
-			"status": "nonstandard",
-			"syntax": "<outline-radius>",
-			"description": "In Mozilla applications, the -moz-outline-radius-topright CSS property can be used to round the top-right corner of an element's outline."
-		},
-		{
-			name: "-moz-stack-sizing",
-			"status": "nonstandard",
-			"syntax": "ignore | stretch-to-fit",
-			"description": "-moz-stack-sizing is an extended CSS property. Normally, a stack will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible."
+			"description": "Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text."
 		},
 		{
-			name: "-moz-text-blink",
-			"status": "nonstandard",
-			"syntax": "none | blink",
+			name: "-webkit-margin-bottom-collapse",
 			browsers: [
-				"FF6"
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-text-blink"
+					name: "collapse"
+				},
+				{
+					name: "discard"
+				},
+				{
+					name: "separate"
 				}
 			],
-			"description": "The -moz-text-blink non-standard Mozilla CSS extension specifies the blink mode."
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "-moz-user-input",
-			"status": "nonstandard",
-			"syntax": "auto | none | enabled | disabled",
+			name: "-webkit-margin-collapse",
 			browsers: [
-				"FF1"
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-user-input"
+					name: "collapse"
+				},
+				{
+					name: "discard"
+				},
+				{
+					name: "separate"
 				}
 			],
-			"description": "In Mozilla applications, -moz-user-input determines if an element will accept user input."
-		},
-		{
-			name: "-moz-user-modify",
-			"status": "nonstandard",
-			"syntax": "read-only | read-write | write-only",
-			"description": "The -moz-user-modify property has no effect. It was originally planned to determine whether or not the content of an element can be edited by a user."
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "-moz-window-dragging",
-			"status": "nonstandard",
-			"syntax": "drag | no-drag",
-			"description": "The -moz-window-dragging CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X."
+			name: "-webkit-margin-start",
+			browsers: [
+				"C",
+				"S3"
+			],
+			values: [
+				{
+					name: "auto"
+				}
+			],
+			"restrictions": [
+				"percentage",
+				"length"
+			]
 		},
 		{
-			name: "-moz-window-shadow",
-			"status": "nonstandard",
-			"syntax": "default | menu | tooltip | sheet | none",
+			name: "-webkit-margin-top-collapse",
 			browsers: [
-				"FF3.5"
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-window-shadow"
+					name: "collapse"
+				},
+				{
+					name: "discard"
+				},
+				{
+					name: "separate"
 				}
 			],
-			"description": "The -moz-window-shadow CSS property specifies whether a window will have a shadow. It only works on Mac OS X."
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "-webkit-border-before",
+			name: "-webkit-mask-clip",
+			browsers: [
+				"C",
+				"O15",
+				"S4"
+			],
 			"status": "nonstandard",
-			"syntax": "<'border-width'> || <'border-style'> || <'color'>",
+			"syntax": "[ <box> | border | padding | content | text ]#",
+			"description": "Determines the mask painting area, which determines the area that is affected by the mask.",
+			"restrictions": [
+				"box"
+			]
+		},
+		{
+			name: "-webkit-mask-image",
 			browsers: [
-				"S5.1",
-				"C8",
-				"O15"
+				"C",
+				"O15",
+				"S4"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-border-before"
+					name: "none",
+					"description": "Counts as a transparent black image layer."
+				},
+				{
+					name: "url()",
+					"description": "Reference to a <mask element or to a CSS image."
 				}
 			],
-			"description": "The -webkit-border-before CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet."
-		},
-		{
-			name: "-webkit-border-before-color",
 			"status": "nonstandard",
-			"syntax": "<'color'>",
-			"description": "The -webkit-border-before-color CSS property sets the color of the individual logical block start border in a single place in the style sheet."
+			"syntax": "<mask-reference>#",
+			"description": "Sets the mask layer image of an element.",
+			"restrictions": [
+				"url",
+				"image",
+				"enum"
+			]
 		},
 		{
-			name: "-webkit-border-before-style",
+			name: "-webkit-mask-origin",
+			browsers: [
+				"C",
+				"O15",
+				"S4"
+			],
 			"status": "nonstandard",
-			"syntax": "<'border-style'>",
-			"description": "The -webkit-border-before-style CSS property sets the style of the individual logical block start border in a single place in the style sheet."
+			"syntax": "[ <box> | border | padding | content ]#",
+			"description": "Specifies the mask positioning area.",
+			"restrictions": [
+				"box"
+			]
 		},
 		{
-			name: "-webkit-border-before-width",
+			name: "-webkit-mask-repeat",
+			browsers: [
+				"C",
+				"O15",
+				"S4"
+			],
 			"status": "nonstandard",
-			"syntax": "<'border-width'>",
-			"description": "The -webkit-border-before-width CSS property sets the width of the individual logical block start border in a single place in the style sheet."
+			"syntax": "<repeat-style>#",
+			"description": "Specifies how mask layer images are tiled after they have been sized and positioned.",
+			"restrictions": [
+				"repeat"
+			]
 		},
 		{
-			name: "-webkit-line-clamp",
-			"syntax": "none | <integer>",
+			name: "-webkit-mask-size",
 			browsers: [
-				"E17",
-				"FF68",
-				"S5",
-				"C6",
-				"O15"
+				"C",
+				"O15",
+				"S4"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-line-clamp"
+					name: "auto",
+					"description": "Resolved by using the image’s intrinsic ratio and the size of the other dimension, or failing that, using the image’s intrinsic size, or failing that, treating it as 100%."
+				},
+				{
+					name: "contain",
+					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area."
+				},
+				{
+					name: "cover",
+					"description": "Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area."
 				}
 			],
-			"description": "The -webkit-line-clamp CSS property allows limiting of the contents of a block container to the specified number of lines."
-		},
-		{
-			name: "-webkit-mask",
 			"status": "nonstandard",
-			"syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#",
-			"description": "The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points."
+			"syntax": "<bg-size>#",
+			"description": "Specifies the size of the mask layer images.",
+			"restrictions": [
+				"length",
+				"percentage",
+				"enum"
+			]
 		},
 		{
-			name: "-webkit-mask-attachment",
-			"status": "nonstandard",
-			"syntax": "<attachment>#",
+			name: "-webkit-nbsp-mode",
 			browsers: [
-				"S4",
-				"C1"
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-attachment"
+					name: "normal"
+				},
+				{
+					name: "space"
 				}
 			],
-			"description": "If a -webkit-mask-image is specified, -webkit-mask-attachment determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block."
+			"description": "Defines the behavior of nonbreaking spaces within text."
 		},
 		{
-			name: "-webkit-mask-composite",
-			"status": "nonstandard",
-			"syntax": "<composite-style>#",
+			name: "-webkit-overflow-scrolling",
 			browsers: [
-				"E18",
-				"FF53",
-				"S3.2",
-				"C1",
-				"O15"
+				"C",
+				"S5"
+			],
+			values: [
+				{
+					name: "auto"
+				},
+				{
+					name: "touch"
+				}
 			],
+			"status": "nonstandard",
+			"syntax": "auto | touch",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-composite"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-overflow-scrolling"
 				}
 			],
-			"description": "The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property."
+			"description": "Specifies whether to use native-style scrolling in an overflow:scroll element."
 		},
 		{
-			name: "-webkit-mask-position",
-			"status": "nonstandard",
-			"syntax": "<position>#",
-			"description": "The mask-position CSS property sets the initial position, relative to the mask position layer defined by mask-origin, for each defined mask image."
+			name: "-webkit-padding-start",
+			browsers: [
+				"C",
+				"S3"
+			],
+			"restrictions": [
+				"percentage",
+				"length"
+			]
 		},
 		{
-			name: "-webkit-mask-position-x",
-			"status": "nonstandard",
-			"syntax": "[ <length-percentage> | left | center | right ]#",
+			name: "-webkit-perspective",
 			browsers: [
-				"E18",
-				"FF49",
-				"S3.2",
-				"C1",
-				"O15"
+				"C",
+				"S4"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-position-x"
+					name: "none",
+					"description": "No perspective transform is applied."
 				}
 			],
-			"description": "The -webkit-mask-position-x CSS property sets the initial horizontal position of a mask image."
+			"description": "Applies the same transform as the perspective(<number>) transform function, except that it applies only to the positioned or transformed children of the element, not to the transform on the element itself.",
+			"restrictions": [
+				"length"
+			]
 		},
 		{
-			name: "-webkit-mask-position-y",
-			"status": "nonstandard",
-			"syntax": "[ <length-percentage> | top | center | bottom ]#",
+			name: "-webkit-perspective-origin",
 			browsers: [
-				"E18",
-				"FF49",
-				"S3.2",
-				"C1",
-				"O15"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-position-y"
-				}
+				"C",
+				"S4"
 			],
-			"description": "The -webkit-mask-position-y CSS property sets the initial vertical position of a mask image."
+			"description": "Establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.",
+			"restrictions": [
+				"position",
+				"percentage",
+				"length"
+			]
 		},
 		{
-			name: "-webkit-mask-repeat-x",
-			"status": "nonstandard",
-			"syntax": "repeat | no-repeat | space | round",
-			browsers: [
-				"E18",
-				"S5",
-				"C3",
-				"O15"
+			name: "-webkit-region-fragment",
+			browsers: [
+				"S7"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-repeat-x"
+					name: "auto",
+					"description": "Content flows as it would in a regular content box."
+				},
+				{
+					name: "break",
+					"description": "If the content fits within the CSS Region, then this property has no effect."
 				}
 			],
-			"description": "The -webkit-mask-repeat-x property specifies whether and how a mask image is repeated (tiled) horizontally."
+			"description": "The 'region-fragment' property controls the behavior of the last region associated with a named flow.",
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "-webkit-mask-repeat-y",
-			"status": "nonstandard",
-			"syntax": "repeat | no-repeat | space | round",
+			name: "-webkit-tap-highlight-color",
 			browsers: [
-				"E18",
-				"S5",
-				"C3",
-				"O15"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-repeat-y"
-				}
+				"E",
+				"C",
+				"S3.1"
 			],
-			"description": "The -webkit-mask-repeat-y property specifies whether and how a mask image is repeated (tiled) vertically."
+			"status": "nonstandard",
+			"syntax": "<color>",
+			"restrictions": [
+				"color"
+			]
 		},
 		{
-			name: "appearance",
-			"status": "experimental",
-			"syntax": "none | auto | button | textfield | <compat>",
+			name: "-webkit-text-fill-color",
 			browsers: [
 				"E12",
-				"FF1",
+				"FF49",
 				"S3",
 				"C1",
 				"O15"
 			],
+			"status": "nonstandard",
+			"syntax": "<color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/appearance"
-				}
-			],
-			"description": "Changes the appearance of buttons and other controls to resemble native controls."
-		},
-		{
-			name: "azimuth",
-			"status": "obsolete",
-			"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/azimuth"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-fill-color"
 				}
 			],
-			"description": "In combination with elevation, the azimuth CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage."
+			"restrictions": [
+				"color"
+			]
 		},
 		{
-			name: "backdrop-filter",
-			"status": "experimental",
-			"syntax": "none | <filter-function-list>",
+			name: "-webkit-text-size-adjust",
 			browsers: [
-				"E17",
-				"FF70",
-				"S9",
-				"C76",
-				"O34"
+				"E",
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/backdrop-filter"
+					name: "auto",
+					"description": "Renderers must use the default size adjustment when displaying on a small device."
+				},
+				{
+					name: "none",
+					"description": "Renderers must not do size adjustment when displaying on a small device."
 				}
 			],
-			"description": "The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent."
+			"description": "Specifies a size adjustment for displaying text content in mobile browsers.",
+			"restrictions": [
+				"percentage"
+			]
 		},
 		{
-			name: "border-block",
-			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
+			name: "-webkit-text-stroke",
 			browsers: [
-				"FF66",
-				"C69",
-				"O56"
+				"E15",
+				"FF49",
+				"S3",
+				"C4",
+				"O15"
 			],
+			"status": "nonstandard",
+			"syntax": "<length> || <color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke"
 				}
 			],
-			"description": "The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet."
+			"restrictions": [
+				"length",
+				"line-width",
+				"color",
+				"percentage"
+			]
 		},
 		{
-			name: "border-block-color",
-			"syntax": "<'border-top-color'>{1,2}",
+			name: "-webkit-text-stroke-color",
 			browsers: [
-				"FF66",
-				"C69",
-				"O56"
+				"E15",
+				"FF49",
+				"S3",
+				"C1",
+				"O15"
 			],
+			"status": "nonstandard",
+			"syntax": "<color>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke-color"
 				}
 			],
-			"description": "The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
+			"restrictions": [
+				"color"
+			]
 		},
 		{
-			name: "border-block-style",
-			"syntax": "<'border-top-style'>",
+			name: "-webkit-text-stroke-width",
 			browsers: [
-				"FF66",
-				"C69",
-				"O56"
+				"E15",
+				"FF49",
+				"S3",
+				"C1",
+				"O15"
 			],
+			"status": "nonstandard",
+			"syntax": "<length>",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-style"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-text-stroke-width"
 				}
 			],
-			"description": "The border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
+			"restrictions": [
+				"length",
+				"line-width",
+				"percentage"
+			]
 		},
 		{
-			name: "border-block-width",
-			"syntax": "<'border-top-width'>",
+			name: "-webkit-touch-callout",
 			browsers: [
-				"FF66",
-				"C69",
-				"O56"
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-block-width"
+					name: "none"
 				}
 			],
-			"description": "The border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
-		},
-		{
-			name: "border-end-end-radius",
-			"syntax": "<length-percentage>{1,2}",
-			browsers: [
-				"FF66"
-			],
+			"status": "nonstandard",
+			"syntax": "default | none",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-touch-callout"
 				}
 			],
-			"description": "The border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on on the element's writing-mode, direction, and text-orientation."
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "border-end-start-radius",
-			"syntax": "<length-percentage>{1,2}",
+			name: "-webkit-transform",
 			browsers: [
-				"FF66"
+				"C",
+				"O12",
+				"S3.1"
 			],
-			"references": [
+			values: [
+				{
+					name: "matrix()",
+					"description": "Specifies a 2D transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f]"
+				},
+				{
+					name: "matrix3d()",
+					"description": "Specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order."
+				},
+				{
+					name: "none"
+				},
+				{
+					name: "perspective()",
+					"description": "Specifies a perspective projection matrix."
+				},
+				{
+					name: "rotate()",
+					"description": "Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property."
+				},
+				{
+					name: "rotate3d()",
+					"description": "Specifies a clockwise 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first 3 parameters."
+				},
+				{
+					name: "rotateX('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the X axis."
+				},
+				{
+					name: "rotateY('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Y axis."
+				},
+				{
+					name: "rotateZ('angle')",
+					"description": "Specifies a clockwise rotation by the given angle about the Z axis."
+				},
+				{
+					name: "scale()",
+					"description": "Specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it is takes a value equal to the first."
+				},
+				{
+					name: "scale3d()",
+					"description": "Specifies a 3D scale operation by the [sx,sy,sz] scaling vector described by the 3 parameters."
+				},
+				{
+					name: "scaleX()",
+					"description": "Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter."
+				},
+				{
+					name: "scaleY()",
+					"description": "Specifies a scale operation using the [sy,1] scaling vector, where sy is given as the parameter."
+				},
+				{
+					name: "scaleZ()",
+					"description": "Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter."
+				},
+				{
+					name: "skew()",
+					"description": "Specifies a skew transformation along the X and Y axes. The first angle parameter specifies the skew on the X axis. The second angle parameter specifies the skew on the Y axis. If the second parameter is not given then a value of 0 is used for the Y angle (ie: no skew on the Y axis)."
+				},
+				{
+					name: "skewX()",
+					"description": "Specifies a skew transformation along the X axis by the given angle."
+				},
+				{
+					name: "skewY()",
+					"description": "Specifies a skew transformation along the Y axis by the given angle."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius"
-				}
-			],
-			"description": "The border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."
-		},
-		{
-			name: "border-inline",
-			"syntax": "<'border-top-width'> || <'border-top-style'> || <'color'>",
-			browsers: [
-				"FF66",
-				"C69",
-				"O56"
-			],
-			"references": [
+					name: "translate()",
+					"description": "Specifies a 2D translation by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline"
-				}
-			],
-			"description": "The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet."
-		},
-		{
-			name: "border-inline-color",
-			"syntax": "<'border-top-color'>{1,2}",
-			browsers: [
-				"FF66",
-				"C69",
-				"O56"
-			],
-			"references": [
+					name: "translate3d()",
+					"description": "Specifies a 3D translation by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-color"
-				}
-			],
-			"description": "The border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation."
-		},
-		{
-			name: "border-inline-style",
-			"syntax": "<'border-top-style'>",
-			browsers: [
-				"FF66",
-				"C69",
-				"O56"
-			],
-			"references": [
+					name: "translateX()",
+					"description": "Specifies a translation by the given amount in the X direction."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-style"
-				}
-			],
-			"description": "The border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style and border-bottom-style, or border-left-style and border-right-style properties depending on the values defined for writing-mode, direction, and text-orientation."
-		},
-		{
-			name: "border-inline-width",
-			"syntax": "<'border-top-width'>",
-			browsers: [
-				"FF66",
-				"C69",
-				"O56"
-			],
-			"references": [
+					name: "translateY()",
+					"description": "Specifies a translation by the given amount in the Y direction."
+				},
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-width"
+					name: "translateZ()",
+					"description": "Specifies a translation by the given amount in the Z direction. Note that percentage values are not allowed in the translateZ translation-value, and if present are evaluated as 0."
 				}
 			],
-			"description": "The border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width and border-bottom-width, or border-left-width, and border-right-width property depending on the values defined for writing-mode, direction, and text-orientation."
+			"description": "A two-dimensional transformation is applied to an element through the 'transform' property. This property contains a list of transform functions similar to those allowed by SVG.",
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "border-start-end-radius",
-			"syntax": "<length-percentage>{1,2}",
+			name: "-webkit-transform-origin",
 			browsers: [
-				"FF66"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius"
-				}
+				"C",
+				"O15",
+				"S3.1"
 			],
-			"description": "The border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."
+			"description": "Establishes the origin of transformation for an element.",
+			"restrictions": [
+				"position",
+				"length",
+				"percentage"
+			]
 		},
 		{
-			name: "border-start-start-radius",
-			"syntax": "<length-percentage>{1,2}",
+			name: "-webkit-transform-origin-x",
 			browsers: [
-				"FF66"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius"
-				}
+				"C",
+				"S3.1"
 			],
-			"description": "The border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation."
+			"description": "The x coordinate of the origin for transforms applied to an element with respect to its border box.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
 		},
 		{
-			name: "box-align",
-			"status": "nonstandard",
-			"syntax": "start | center | end | baseline | stretch",
+			name: "-webkit-transform-origin-y",
 			browsers: [
-				"E12",
-				"FF1",
-				"S3",
-				"C1",
-				"O"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-align"
-				}
+				"C",
+				"S3.1"
 			],
-			"description": "The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box."
+			"description": "The y coordinate of the origin for transforms applied to an element with respect to its border box.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
 		},
 		{
-			name: "box-direction",
-			"status": "nonstandard",
-			"syntax": "normal | reverse | inherit",
+			name: "-webkit-transform-origin-z",
 			browsers: [
-				"E12",
-				"FF1",
-				"S3",
-				"C1",
-				"O"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-direction"
-				}
+				"C",
+				"S4"
 			],
-			"description": "The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)."
+			"description": "The z coordinate of the origin for transforms applied to an element with respect to its border box.",
+			"restrictions": [
+				"length",
+				"percentage"
+			]
 		},
 		{
-			name: "box-flex",
-			"status": "nonstandard",
-			"syntax": "<number>",
+			name: "-webkit-transform-style",
 			browsers: [
-				"E12",
-				"FF1",
-				"S3",
-				"C1",
-				"O"
+				"C",
+				"S4"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-flex"
+					name: "flat",
+					"description": "All children of this element are rendered flattened into the 2D plane of the element."
 				}
 			],
-			"description": "The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout."
+			"description": "Defines how nested elements are rendered in 3D space.",
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "box-flex-group",
-			"status": "nonstandard",
-			"syntax": "<integer>",
+			name: "-webkit-transition",
 			browsers: [
-				"S3",
-				"C1",
-				"O"
+				"C",
+				"O12",
+				"S5"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-flex-group"
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
+				},
+				{
+					name: "none",
+					"description": "No property will transition."
 				}
 			],
-			"description": "The box-flex-group CSS property assigns the flexbox's child elements to a flex group."
+			"description": "Shorthand property combines four of the transition properties into a single property.",
+			"restrictions": [
+				"time",
+				"property",
+				"timing-function",
+				"enum"
+			]
 		},
 		{
-			name: "box-lines",
-			"status": "nonstandard",
-			"syntax": "single | multiple",
+			name: "-webkit-transition-delay",
 			browsers: [
-				"S3",
-				"C1",
-				"O"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-lines"
-				}
+				"C",
+				"O12",
+				"S5"
 			],
-			"description": "The box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes)."
+			"description": "Defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.",
+			"restrictions": [
+				"time"
+			]
 		},
 		{
-			name: "box-ordinal-group",
-			"status": "nonstandard",
-			"syntax": "<integer>",
+			name: "-webkit-transition-duration",
 			browsers: [
-				"E12",
-				"FF1",
-				"S3",
-				"C1",
-				"O"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-ordinal-group"
-				}
+				"C",
+				"O12",
+				"S5"
 			],
-			"description": "The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group."
+			"description": "Specifies how long the transition from the old value to the new value should take.",
+			"restrictions": [
+				"time"
+			]
 		},
 		{
-			name: "box-orient",
-			"status": "nonstandard",
-			"syntax": "horizontal | vertical | inline-axis | block-axis | inherit",
+			name: "-webkit-transition-property",
 			browsers: [
-				"E12",
-				"FF1",
-				"S3",
-				"C1",
-				"O"
+				"C",
+				"O12",
+				"S5"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-orient"
+					name: "all",
+					"description": "Every property that is able to undergo a transition will do so."
+				},
+				{
+					name: "none",
+					"description": "No property will transition."
 				}
 			],
-			"description": "The box-orient CSS property specifies whether an element lays out its contents horizontally or vertically."
+			"description": "Specifies the name of the CSS property to which the transition is applied.",
+			"restrictions": [
+				"property"
+			]
 		},
 		{
-			name: "box-pack",
-			"status": "nonstandard",
-			"syntax": "start | center | end | justify",
+			name: "-webkit-transition-timing-function",
 			browsers: [
-				"E12",
-				"FF1",
-				"S3",
-				"C1",
-				"O"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/box-pack"
-				}
+				"C",
+				"O12",
+				"S5"
 			],
-			"description": "The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box."
+			"description": "Describes how the intermediate values used during a transition will be calculated.",
+			"restrictions": [
+				"timing-function"
+			]
 		},
 		{
-			name: "color-adjust",
-			"syntax": "economy | exact",
+			name: "-webkit-user-drag",
 			browsers: [
-				"FF48",
-				"S6",
-				"C49",
-				"O15"
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/color-adjust"
+					name: "auto"
+				},
+				{
+					name: "element"
+				},
+				{
+					name: "none"
 				}
 			],
-			"description": "The color-adjust property is a non-standard CSS extension that can be used to force printing of background colors and images in browsers based on the WebKit engine."
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "counter-set",
-			"syntax": "[ <custom-ident> <integer>? ]+ | none",
+			name: "-webkit-user-modify",
 			browsers: [
-				"FF68"
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/counter-set"
+					name: "read-only"
+				},
+				{
+					name: "read-write"
+				},
+				{
+					name: "read-write-plaintext-only"
 				}
 			],
-			"description": "The counter-set CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element."
+			"status": "nonstandard",
+			"syntax": "read-only | read-write | read-write-plaintext-only",
+			"description": "Determines whether a user can edit the content of an element.",
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "font-optical-sizing",
-			"syntax": "auto | none",
+			name: "-webkit-user-select",
 			browsers: [
-				"E17",
-				"FF62",
-				"S11"
+				"C",
+				"S3"
 			],
-			"references": [
+			values: [
 				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing"
+					name: "auto"
+				},
+				{
+					name: "none"
+				},
+				{
+					name: "text"
 				}
 			],
-			"description": "The font-optical-sizing CSS property allows developers to control whether browsers render text with slightly differing visual representations to optimize viewing at different sizes, or not. This only works for fonts that have an optical size variation axis."
+			"description": "Controls the appearance of selection.",
+			"restrictions": [
+				"enum"
+			]
 		},
 		{
-			name: "font-variation-settings",
-			"syntax": "normal | [ <string> <number> ]#",
+			name: "-ms-ime-align",
+			"status": "nonstandard",
+			"syntax": "auto | after",
+			"description": "Aligns the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active."
+		},
+		{
+			name: "-moz-binding",
+			"status": "nonstandard",
+			"syntax": "<url> | none",
 			browsers: [
-				"E17",
-				"FF62",
-				"S11",
-				"C62",
-				"O49"
+				"FF1"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/font-variation-settings"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-binding"
 				}
 			],
-			"description": "The font-variation-settings CSS property provides low-level control over OpenType or TrueType font variations, by specifying the four letter axis names of the features you want to vary, along with their variation values."
-		},
-		{
-			name: "gap",
-			"syntax": "<'row-gap'> <'column-gap'>?",
-			browsers: [
-				"E16",
-				"FF63",
-				"S10.1",
-				"C66",
-				"O53"
-			],
-			"description": "The gap CSS property is a shorthand property for row-gap and column-gap specifying the gutters between grid rows and columns."
+			"description": "The -moz-binding CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element."
 		},
 		{
-			name: "hanging-punctuation",
-			"syntax": "none | [ first || [ force-end | allow-end ] || last ]",
+			name: "-moz-context-properties",
+			"status": "nonstandard",
+			"syntax": "none | [ fill | fill-opacity | stroke | stroke-opacity ]#",
 			browsers: [
-				"S10"
+				"FF55"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-context-properties"
 				}
 			],
-			"description": "The hanging-punctuation CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box."
+			"description": "If you reference an SVG image in a webpage (such as with the <img> element or as a background image), the SVG image can coordinate with the embedding element (its context) to have the image adopt property values set on the embedding element. To do this the embedding element needs to list the properties that are to be made available to the image by listing them as values of the -moz-context-properties property, and the image needs to opt in to using those properties by using values such as the context-fill value.\n\nThis feature is available since Firefox 55, but is only currently supported with SVG images loaded via chrome:// or resource:// URLs. To experiment with the feature in SVG on the Web it is necessary to set the svg.context-properties.content.enabled pref to true."
 		},
 		{
-			name: "image-resolution",
-			"status": "experimental",
-			"syntax": "[ from-image || <resolution> ] && snap?",
-			"description": "The image-resolution property specifies the intrinsic resolution of all raster images used in or on the element. It affects both content images (e.g. replaced elements and generated content) and decorative images (such as background-image). The intrinsic resolution of an image is used to determine the image’s intrinsic dimensions."
+			name: "-moz-float-edge",
+			"status": "nonstandard",
+			"syntax": "border-box | content-box | margin-box | padding-box",
+			"description": "The non-standard -moz-float-edge CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness."
 		},
 		{
-			name: "initial-letter",
-			"status": "experimental",
-			"syntax": "normal | [ <number> <integer>? ]",
-			browsers: [
-				"S9"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/initial-letter"
-				}
-			],
-			"description": "The initial-letter CSS property specifies styling for dropped, raised, and sunken initial letters."
+			name: "-moz-force-broken-image-icon",
+			"status": "nonstandard",
+			"syntax": "<integer>",
+			"description": "The -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute."
 		},
 		{
-			name: "initial-letter-align",
-			"status": "experimental",
-			"syntax": "[ auto | alphabetic | hanging | ideographic ]",
+			name: "-moz-image-region",
+			"status": "nonstandard",
+			"syntax": "<shape> | auto",
+			browsers: [
+				"FF1"
+			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/initial-letter-align"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-image-region"
 				}
 			],
-			"description": "The initial-letter-align CSS property specifies the alignment of initial letters within a paragraph."
+			"description": "For certain XUL elements and pseudo-elements that use an image from the list-style-image property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance."
 		},
 		{
-			name: "inset",
-			"syntax": "<'top'>{1,4}",
+			name: "-moz-orient",
+			"status": "nonstandard",
+			"syntax": "inline | block | horizontal | vertical",
 			browsers: [
-				"FF66"
+				"FF6"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inset"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-orient"
 				}
 			],
-			"description": "The inset CSS property defines the logical block and inline start and end offsets of an element, which map to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
+			"description": "The -moz-orient CSS property specifies the orientation of the element to which it's applied."
 		},
 		{
-			name: "inset-block",
-			"syntax": "<'top'>{1,2}",
+			name: "-moz-outline-radius",
+			"status": "nonstandard",
+			"syntax": "<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?",
 			browsers: [
-				"FF63",
-				"C69",
-				"O56"
+				"FF1.5"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius"
 				}
 			],
-			"description": "The inset-block CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
+			"description": "In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give an element's outline rounded corners."
+		},
+		{
+			name: "-moz-outline-radius-bottomleft",
+			"status": "nonstandard",
+			"syntax": "<outline-radius>",
+			"description": "In Mozilla applications, the -moz-outline-radius-bottomleft CSS property can be used to round the bottom-left corner of an element's outline."
+		},
+		{
+			name: "-moz-outline-radius-bottomright",
+			"status": "nonstandard",
+			"syntax": "<outline-radius>",
+			"description": "In Mozilla applications, the -moz-outline-radius-bottomright CSS property can be used to round the bottom-right corner of an element's outline."
+		},
+		{
+			name: "-moz-outline-radius-topleft",
+			"status": "nonstandard",
+			"syntax": "<outline-radius>",
+			"description": "In Mozilla applications, the -moz-outline-radius-topleft CSS property can be used to round the top-left corner of an element's outline."
+		},
+		{
+			name: "-moz-outline-radius-topright",
+			"status": "nonstandard",
+			"syntax": "<outline-radius>",
+			"description": "In Mozilla applications, the -moz-outline-radius-topright CSS property can be used to round the top-right corner of an element's outline."
 		},
 		{
-			name: "inset-block-end",
-			"syntax": "<'top'>",
-			browsers: [
-				"FF63",
-				"C69",
-				"O56"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block-end"
-				}
-			],
-			"description": "The inset-block-end CSS property defines the logical block end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
+			name: "-moz-stack-sizing",
+			"status": "nonstandard",
+			"syntax": "ignore | stretch-to-fit",
+			"description": "-moz-stack-sizing is an extended CSS property. Normally, a stack will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible."
 		},
 		{
-			name: "inset-block-start",
-			"syntax": "<'top'>",
+			name: "-moz-text-blink",
+			"status": "nonstandard",
+			"syntax": "none | blink",
 			browsers: [
-				"FF63",
-				"C69",
-				"O56"
+				"FF6"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-block-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-text-blink"
 				}
 			],
-			"description": "The inset-block-start CSS property defines the logical block start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
+			"description": "The -moz-text-blink non-standard Mozilla CSS extension specifies the blink mode."
 		},
 		{
-			name: "inset-inline",
-			"syntax": "<'top'>{1,2}",
+			name: "-moz-user-input",
+			"status": "nonstandard",
+			"syntax": "auto | none | enabled | disabled",
 			browsers: [
-				"FF63",
-				"C69",
-				"O56"
+				"FF1"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-user-input"
 				}
 			],
-			"description": "The inset-inline CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation."
+			"description": "In Mozilla applications, -moz-user-input determines if an element will accept user input."
 		},
 		{
-			name: "inset-inline-end",
-			"syntax": "<'top'>",
+			name: "-moz-user-modify",
+			"status": "nonstandard",
+			"syntax": "read-only | read-write | write-only",
+			"description": "The -moz-user-modify property has no effect. It was originally planned to determine whether or not the content of an element can be edited by a user."
+		},
+		{
+			name: "-moz-window-dragging",
+			"status": "nonstandard",
+			"syntax": "drag | no-drag",
+			"description": "The -moz-window-dragging CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X."
+		},
+		{
+			name: "-moz-window-shadow",
+			"status": "nonstandard",
+			"syntax": "default | menu | tooltip | sheet | none",
 			browsers: [
-				"FF63",
-				"C69",
-				"O56"
+				"FF3.5"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-moz-window-shadow"
 				}
 			],
-			"description": "The inset-inline-end CSS property defines the logical inline end inset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
+			"description": "The -moz-window-shadow CSS property specifies whether a window will have a shadow. It only works on Mac OS X."
 		},
 		{
-			name: "inset-inline-start",
-			"syntax": "<'top'>",
+			name: "-webkit-border-before",
+			"status": "nonstandard",
+			"syntax": "<'border-width'> || <'border-style'> || <'color'>",
 			browsers: [
-				"FF63",
-				"C69",
-				"O56"
+				"S5.1",
+				"C8",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/inset-inline-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-border-before"
 				}
 			],
-			"description": "The inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation."
+			"description": "The -webkit-border-before CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet."
 		},
 		{
-			name: "line-clamp",
-			"status": "experimental",
-			"syntax": "none | <integer>",
-			"description": "The line-clamp property allows limiting the contents of a block container to the specified number of lines; remaining content is fragmented away and neither rendered nor measured. Optionally, it also allows inserting content into the last line box to indicate the continuity of truncated/interrupted content."
+			name: "-webkit-border-before-color",
+			"status": "nonstandard",
+			"syntax": "<'color'>",
+			"description": "The -webkit-border-before-color CSS property sets the color of the individual logical block start border in a single place in the style sheet."
 		},
 		{
-			name: "line-height-step",
-			"status": "experimental",
-			"syntax": "<length>",
-			browsers: [
-				"C60",
-				"O47"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/line-height-step"
-				}
-			],
-			"description": "The line-height-step CSS property defines the step units for line box heights. When the step unit is positive, line box heights are rounded up to the closest multiple of the unit. Negative values are invalid."
+			name: "-webkit-border-before-style",
+			"status": "nonstandard",
+			"syntax": "<'border-style'>",
+			"description": "The -webkit-border-before-style CSS property sets the style of the individual logical block start border in a single place in the style sheet."
 		},
 		{
-			name: "margin-block",
-			"syntax": "<'margin-left'>{1,2}",
+			name: "-webkit-border-before-width",
+			"status": "nonstandard",
+			"syntax": "<'border-width'>",
+			"description": "The -webkit-border-before-width CSS property sets the width of the individual logical block start border in a single place in the style sheet."
+		},
+		{
+			name: "-webkit-line-clamp",
+			"syntax": "none | <integer>",
 			browsers: [
-				"FF66",
-				"C69"
+				"E17",
+				"FF68",
+				"S5",
+				"C6",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-block"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-line-clamp"
 				}
 			],
-			"description": "The margin-block CSS property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
+			"description": "The -webkit-line-clamp CSS property allows limiting of the contents of a block container to the specified number of lines."
 		},
 		{
-			name: "margin-inline",
-			"syntax": "<'margin-left'>{1,2}",
+			name: "-webkit-mask",
+			"status": "nonstandard",
+			"syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#",
+			"description": "The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points."
+		},
+		{
+			name: "-webkit-mask-attachment",
+			"status": "nonstandard",
+			"syntax": "<attachment>#",
 			browsers: [
-				"FF66",
-				"C69"
+				"S4",
+				"C1"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/margin-inline"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-attachment"
 				}
 			],
-			"description": "The margin-inline CSS property defines the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation."
+			"description": "If a -webkit-mask-image is specified, -webkit-mask-attachment determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block."
 		},
 		{
-			name: "mask",
-			"syntax": "<mask-layer>#",
+			name: "-webkit-mask-composite",
+			"status": "nonstandard",
+			"syntax": "<composite-style>#",
 			browsers: [
-				"E12",
-				"FF2",
+				"E18",
+				"FF53",
 				"S3.2",
 				"C1",
 				"O15"
@@ -17507,641 +17631,636 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-composite"
 				}
 			],
-			"description": "The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points."
-		},
-		{
-			name: "mask-border",
-			"status": "experimental",
-			"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
-			"description": "The mask-border CSS property lets you create a mask along the edge of an element's border.\n\nThis property is a shorthand for mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, mask-border-repeat, and mask-border-mode. As with all shorthand properties, any omitted sub-values will be set to their initial value."
-		},
-		{
-			name: "mask-border-mode",
-			"status": "experimental",
-			"syntax": "luminance | alpha",
-			"description": "The mask-border-mode CSS property specifies the blending mode used in a mask border."
-		},
-		{
-			name: "mask-border-outset",
-			"status": "experimental",
-			"syntax": "[ <length> | <number> ]{1,4}",
-			"description": "The mask-border-outset CSS property specifies the distance by which an element's mask border is set out from its border box."
-		},
-		{
-			name: "mask-border-repeat",
-			"status": "experimental",
-			"syntax": "[ stretch | repeat | round | space ]{1,2}",
-			"description": "The mask-border-repeat CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border."
-		},
-		{
-			name: "mask-border-slice",
-			"status": "experimental",
-			"syntax": "<number-percentage>{1,4} fill?",
-			"description": "The mask-border-slice CSS property divides the image specified by mask-border-source into regions. These regions are used to form the components of an element's mask border."
-		},
-		{
-			name: "mask-border-source",
-			"status": "experimental",
-			"syntax": "none | <image>",
-			"description": "The mask-border-source CSS property specifies the source image used to create an element's mask border.\n\nThe mask-border-slice property is used to divide the source image into regions, which are then dynamically applied to the final mask border."
+			"description": "The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property."
 		},
 		{
-			name: "mask-border-width",
-			"status": "experimental",
-			"syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
-			"description": "The mask-border-width CSS property specifies the width of an element's mask border."
+			name: "-webkit-mask-position",
+			"status": "nonstandard",
+			"syntax": "<position>#",
+			"description": "The mask-position CSS property sets the initial position, relative to the mask position layer defined by mask-origin, for each defined mask image."
 		},
 		{
-			name: "mask-clip",
-			"syntax": "[ <geometry-box> | no-clip ]#",
+			name: "-webkit-mask-position-x",
+			"status": "nonstandard",
+			"syntax": "[ <length-percentage> | left | center | right ]#",
 			browsers: [
-				"FF53",
-				"S4",
+				"E18",
+				"FF49",
+				"S3.2",
 				"C1",
 				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-clip"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-position-x"
 				}
 			],
-			"description": "The mask-clip CSS property determines the area, which is affected by a mask. The painted content of an element must be restricted to this area."
+			"description": "The -webkit-mask-position-x CSS property sets the initial horizontal position of a mask image."
 		},
 		{
-			name: "mask-composite",
-			"syntax": "<compositing-operator>#",
+			name: "-webkit-mask-position-y",
+			"status": "nonstandard",
+			"syntax": "[ <length-percentage> | top | center | bottom ]#",
 			browsers: [
 				"E18",
-				"FF53"
+				"FF49",
+				"S3.2",
+				"C1",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-composite"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-position-y"
 				}
 			],
-			"description": "The mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it."
-		},
-		{
-			name: "max-lines",
-			"status": "experimental",
-			"syntax": "none | <integer>",
-			"description": "The max-liens property forces a break after a set number of lines"
+			"description": "The -webkit-mask-position-y CSS property sets the initial vertical position of a mask image."
 		},
 		{
-			name: "offset",
-			"status": "experimental",
-			"syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?",
+			name: "-webkit-mask-repeat-x",
+			"status": "nonstandard",
+			"syntax": "repeat | no-repeat | space | round",
 			browsers: [
-				"C55",
-				"O42"
+				"E18",
+				"S5",
+				"C3",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/offset"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-repeat-x"
 				}
 			],
-			"description": "The offset CSS property is a shorthand property for animating an element along a defined path."
-		},
-		{
-			name: "offset-anchor",
-			"status": "experimental",
-			"syntax": "auto | <position>",
-			"description": "Defines an anchor point of the box positioned along the path. The anchor point specifies the point of the box which is to be considered as the point that is moved along the path."
+			"description": "The -webkit-mask-repeat-x property specifies whether and how a mask image is repeated (tiled) horizontally."
 		},
 		{
-			name: "offset-distance",
-			"status": "experimental",
-			"syntax": "<length-percentage>",
+			name: "-webkit-mask-repeat-y",
+			"status": "nonstandard",
+			"syntax": "repeat | no-repeat | space | round",
 			browsers: [
-				"FF69",
-				"C55",
-				"O42"
+				"E18",
+				"S5",
+				"C3",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/offset-distance"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-mask-repeat-y"
 				}
 			],
-			"description": "The offset-distance CSS property specifies a position along an offset-path."
+			"description": "The -webkit-mask-repeat-y property specifies whether and how a mask image is repeated (tiled) vertically."
 		},
 		{
-			name: "offset-path",
+			name: "appearance",
 			"status": "experimental",
-			"syntax": "none | ray( [ <angle> && <size>? && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
+			"syntax": "none | auto | button | textfield | <compat>",
 			browsers: [
-				"FF63",
-				"C55",
-				"O45"
+				"E12",
+				"FF1",
+				"S3",
+				"C1",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/offset-path"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/appearance"
 				}
 			],
-			"description": "The offset-path CSS property specifies the offset path where the element gets positioned. The exact element’s position on the offset path is determined by the offset-distance property. An offset path is either a specified path with one or multiple sub-paths or the geometry of a not-styled basic shape. Each shape or path must define an initial position for the computed value of \"0\" for offset-distance and an initial direction which specifies the rotation of the object to the initial position.\n\nIn this specification, a direction (or rotation) of 0 degrees is equivalent to the direction of the positive x-axis in the object’s local coordinate system. In other words, a rotation of 0 degree points to the right side of the UA if the object and its ancestors have no transformation applied."
-		},
-		{
-			name: "offset-position",
-			"status": "experimental",
-			"syntax": "auto | <position>",
-			"description": "Specifies the initial position of the offset path. If position is specified with static, offset-position would be ignored."
+			"description": "Changes the appearance of buttons and other controls to resemble native controls."
 		},
 		{
-			name: "offset-rotate",
-			"status": "experimental",
-			"syntax": "[ auto | reverse ] || <angle>",
-			browsers: [
-				"FF69",
-				"C56",
-				"O43"
-			],
+			name: "azimuth",
+			"status": "obsolete",
+			"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/offset-rotate"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/azimuth"
 				}
 			],
-			"description": "The offset-rotate CSS property defines the direction of the element while positioning along the offset path."
+			"description": "In combination with elevation, the azimuth CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage."
 		},
 		{
-			name: "overflow-anchor",
-			"status": "experimental",
-			"syntax": "auto | none",
+			name: "border-end-end-radius",
+			"syntax": "<length-percentage>{1,2}",
 			browsers: [
-				"FF66",
-				"C56",
-				"O43"
+				"FF66"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-anchor"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius"
 				}
 			],
-			"description": "The overflow-anchor CSS property provides a way to opt out browser scroll anchoring behavior which adjusts scroll position to minimize content shifts."
+			"description": "The border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on on the element's writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "overflow-block",
-			"status": "experimental",
-			"syntax": "visible | hidden | clip | scroll | auto",
+			name: "border-end-start-radius",
+			"syntax": "<length-percentage>{1,2}",
 			browsers: [
-				"FF69"
+				"FF66"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-block"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius"
 				}
 			],
-			"description": "The overflow-block CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the block axis."
+			"description": "The border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "overflow-clip-box",
-			"status": "nonstandard",
-			"syntax": "padding-box | content-box",
+			name: "border-start-end-radius",
+			"syntax": "<length-percentage>{1,2}",
 			browsers: [
-				"FF29"
+				"FF66"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Mozilla/CSS/overflow-clip-box"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius"
 				}
 			],
-			"description": "The overflow-clip-box CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the overflow-clip-box-inline and overflow-clip-box-block properties."
+			"description": "The border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "overflow-inline",
-			"status": "experimental",
-			"syntax": "visible | hidden | clip | scroll | auto",
+			name: "border-start-start-radius",
+			"syntax": "<length-percentage>{1,2}",
 			browsers: [
-				"FF69"
+				"FF66"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-inline"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius"
 				}
 			],
-			"description": "The overflow-inline CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the inline axis."
+			"description": "The border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction, and text-orientation."
 		},
 		{
-			name: "overscroll-behavior",
+			name: "box-align",
 			"status": "nonstandard",
-			"syntax": "[ contain | none | auto ]{1,2}",
+			"syntax": "start | center | end | baseline | stretch",
 			browsers: [
-				"E18",
-				"FF59",
-				"C63",
-				"O50"
+				"E12",
+				"FF1",
+				"S3",
+				"C1",
+				"O"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-align"
 				}
 			],
-			"description": "The overscroll-behavior CSS property is shorthand for the overscroll-behavior-x and overscroll-behavior-y properties, which allow you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached."
+			"description": "The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box."
 		},
 		{
-			name: "overscroll-behavior-x",
+			name: "box-direction",
 			"status": "nonstandard",
-			"syntax": "contain | none | auto",
+			"syntax": "normal | reverse | inherit",
 			browsers: [
-				"E18",
-				"FF59",
-				"C63",
-				"O50"
+				"E12",
+				"FF1",
+				"S3",
+				"C1",
+				"O"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-direction"
 				}
 			],
-			"description": "The overscroll-behavior-x CSS property is allows you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached — in the x axis direction."
+			"description": "The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge)."
 		},
 		{
-			name: "overscroll-behavior-y",
+			name: "box-flex",
 			"status": "nonstandard",
-			"syntax": "contain | none | auto",
+			"syntax": "<number>",
 			browsers: [
-				"E18",
-				"FF59",
-				"C63",
-				"O50"
+				"E12",
+				"FF1",
+				"S3",
+				"C1",
+				"O"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-flex"
 				}
 			],
-			"description": "The overscroll-behavior-y CSS property is allows you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached — in the y axis direction."
+			"description": "The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout."
 		},
 		{
-			name: "padding-block",
-			"syntax": "<'padding-left'>{1,2}",
+			name: "box-flex-group",
+			"status": "nonstandard",
+			"syntax": "<integer>",
 			browsers: [
-				"FF66",
-				"C69"
+				"S3",
+				"C1",
+				"O"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-block"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-flex-group"
 				}
 			],
-			"description": "The padding-block CSS property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
+			"description": "The box-flex-group CSS property assigns the flexbox's child elements to a flex group."
 		},
 		{
-			name: "padding-inline",
-			"syntax": "<'padding-left'>{1,2}",
+			name: "box-lines",
+			"status": "nonstandard",
+			"syntax": "single | multiple",
 			browsers: [
-				"FF66",
-				"C69"
+				"S3",
+				"C1",
+				"O"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/padding-inline"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-lines"
 				}
 			],
-			"description": "The padding-inline CSS property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
+			"description": "The box-lines CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes)."
 		},
 		{
-			name: "place-content",
-			"syntax": "<'align-content'> <'justify-content'>?",
+			name: "box-ordinal-group",
+			"status": "nonstandard",
+			"syntax": "<integer>",
 			browsers: [
-				"FF53",
-				"S9",
-				"C59",
+				"E12",
+				"FF1",
+				"S3",
+				"C1",
 				"O"
 			],
-			"description": "The place-content CSS shorthand property sets both the align-content and justify-content properties."
-		},
-		{
-			name: "place-items",
-			"syntax": "<'align-items'> <'justify-items'>?",
-			browsers: [
-				"FF45",
-				"S11",
-				"C59",
-				"O46"
-			],
-			"description": "The CSS place-items shorthand property sets both the align-items and justify-items properties. The first value is the align-items property value, the second the justify-items one. If the second value is not present, the first value is also used for it."
-		},
-		{
-			name: "place-self",
-			"syntax": "<'align-self'> <'justify-self'>?",
-			browsers: [
-				"FF45",
-				"C59",
-				"O46"
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-ordinal-group"
+				}
 			],
-			"description": "The place-self CSS property is a shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it."
+			"description": "The box-ordinal-group CSS property assigns the flexbox's child elements to an ordinal group."
 		},
 		{
-			name: "rotate",
-			"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>",
+			name: "box-orient",
+			"status": "nonstandard",
+			"syntax": "horizontal | vertical | inline-axis | block-axis | inherit",
 			browsers: [
-				"FF60"
+				"E12",
+				"FF1",
+				"S3",
+				"C1",
+				"O"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/rotate"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-orient"
 				}
 			],
-			"description": "The rotate CSS property allows you to specify rotation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
+			"description": "The box-orient CSS property specifies whether an element lays out its contents horizontally or vertically."
 		},
 		{
-			name: "row-gap",
-			"syntax": "normal | <length-percentage>",
+			name: "box-pack",
+			"status": "nonstandard",
+			"syntax": "start | center | end | justify",
 			browsers: [
-				"E16",
-				"FF63",
-				"S10.1",
-				"C66",
-				"O53"
+				"E12",
+				"FF1",
+				"S3",
+				"C1",
+				"O"
 			],
-			"description": "The row-gap CSS property specifies the gutter between grid rows."
-		},
-		{
-			name: "ruby-merge",
-			"status": "experimental",
-			"syntax": "separate | collapse | auto",
-			"description": "This property controls how ruby annotation boxes should be rendered when there are more than one in a ruby container box: whether each pair should be kept separate, the annotations should be collapsed and rendered as a group, or the separation should be determined based on the space available."
+			"references": [
+				{
+					name: "MDN Reference",
+					"url": "https://developer.mozilla.org/docs/Web/CSS/box-pack"
+				}
+			],
+			"description": "The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box."
 		},
 		{
-			name: "scale",
-			"syntax": "none | <number>{1,3}",
+			name: "color-adjust",
+			"syntax": "economy | exact",
 			browsers: [
-				"FF60"
+				"FF48",
+				"S6",
+				"C49",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scale"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/color-adjust"
 				}
 			],
-			"description": "The scale CSS property allows you to specify scale transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
+			"description": "The color-adjust property is a non-standard CSS extension that can be used to force printing of background colors and images in browsers based on the WebKit engine."
 		},
 		{
-			name: "scrollbar-color",
-			"syntax": "auto | dark | light | <color>{2}",
+			name: "counter-set",
+			"syntax": "[ <custom-ident> <integer>? ]+ | none",
 			browsers: [
-				"FF64"
+				"FF68"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-color"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/counter-set"
 				}
 			],
-			"description": "The scrollbar-color CSS property sets the color of the scrollbar track and thumb."
+			"description": "The counter-set CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element."
 		},
 		{
-			name: "scrollbar-width",
-			"syntax": "auto | thin | none",
+			name: "hanging-punctuation",
+			"syntax": "none | [ first || [ force-end | allow-end ] || last ]",
 			browsers: [
-				"FF64"
+				"S10"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-width"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation"
 				}
 			],
-			"description": "The scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown. "
+			"description": "The hanging-punctuation CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box."
 		},
 		{
-			name: "scroll-margin",
-			"syntax": "<length>{1,4}",
+			name: "initial-letter",
+			"status": "experimental",
+			"syntax": "normal | [ <number> <integer>? ]",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"S9"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/initial-letter"
 				}
 			],
-			"description": "The scroll-margin property is a shorthand property which sets all of the scroll-margin longhands, assigning values much like the margin property does for the margin-* longhands."
+			"description": "The initial-letter CSS property specifies styling for dropped, raised, and sunken initial letters."
 		},
 		{
-			name: "scroll-margin-block",
-			"syntax": "<length>{1,2}",
-			browsers: [
-				"FF68",
-				"C69",
-				"O56"
-			],
+			name: "initial-letter-align",
+			"status": "experimental",
+			"syntax": "[ auto | alphabetic | hanging | ideographic ]",
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/initial-letter-align"
 				}
 			],
-			"description": "The scroll-margin-block property is a shorthand property which sets the scroll-margin longhands in the block dimension."
+			"description": "The initial-letter-align CSS property specifies the alignment of initial letters within a paragraph."
 		},
 		{
-			name: "scroll-margin-block-start",
+			name: "line-clamp",
+			"status": "experimental",
+			"syntax": "none | <integer>",
+			"description": "The line-clamp property allows limiting the contents of a block container to the specified number of lines; remaining content is fragmented away and neither rendered nor measured. Optionally, it also allows inserting content into the last line box to indicate the continuity of truncated/interrupted content."
+		},
+		{
+			name: "line-height-step",
+			"status": "experimental",
 			"syntax": "<length>",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"C60",
+				"O47"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/line-height-step"
 				}
 			],
-			"description": "The scroll-margin-block-start property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The line-height-step CSS property defines the step units for line box heights. When the step unit is positive, line box heights are rounded up to the closest multiple of the unit. Negative values are invalid."
 		},
 		{
-			name: "scroll-margin-block-end",
-			"syntax": "<length>",
+			name: "mask-border",
+			"status": "experimental",
+			"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
+			"description": "The mask-border CSS property lets you create a mask along the edge of an element's border.\n\nThis property is a shorthand for mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, mask-border-repeat, and mask-border-mode. As with all shorthand properties, any omitted sub-values will be set to their initial value."
+		},
+		{
+			name: "mask-border-mode",
+			"status": "experimental",
+			"syntax": "luminance | alpha",
+			"description": "The mask-border-mode CSS property specifies the blending mode used in a mask border."
+		},
+		{
+			name: "mask-border-outset",
+			"status": "experimental",
+			"syntax": "[ <length> | <number> ]{1,4}",
+			"description": "The mask-border-outset CSS property specifies the distance by which an element's mask border is set out from its border box."
+		},
+		{
+			name: "mask-border-repeat",
+			"status": "experimental",
+			"syntax": "[ stretch | repeat | round | space ]{1,2}",
+			"description": "The mask-border-repeat CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border."
+		},
+		{
+			name: "mask-border-slice",
+			"status": "experimental",
+			"syntax": "<number-percentage>{1,4} fill?",
+			"description": "The mask-border-slice CSS property divides the image specified by mask-border-source into regions. These regions are used to form the components of an element's mask border."
+		},
+		{
+			name: "mask-border-source",
+			"status": "experimental",
+			"syntax": "none | <image>",
+			"description": "The mask-border-source CSS property specifies the source image used to create an element's mask border.\n\nThe mask-border-slice property is used to divide the source image into regions, which are then dynamically applied to the final mask border."
+		},
+		{
+			name: "mask-border-width",
+			"status": "experimental",
+			"syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
+			"description": "The mask-border-width CSS property specifies the width of an element's mask border."
+		},
+		{
+			name: "mask-clip",
+			"syntax": "[ <geometry-box> | no-clip ]#",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"FF53",
+				"S4",
+				"C1",
+				"O15"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-clip"
 				}
 			],
-			"description": "The scroll-margin-block-end property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The mask-clip CSS property determines the area, which is affected by a mask. The painted content of an element must be restricted to this area."
 		},
 		{
-			name: "scroll-margin-bottom",
-			"syntax": "<length>",
+			name: "mask-composite",
+			"syntax": "<compositing-operator>#",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"E18",
+				"FF53"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/mask-composite"
 				}
 			],
-			"description": "The scroll-margin-bottom property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it."
 		},
 		{
-			name: "scroll-margin-inline",
-			"syntax": "<length>{1,2}",
+			name: "max-lines",
+			"status": "experimental",
+			"syntax": "none | <integer>",
+			"description": "The max-liens property forces a break after a set number of lines"
+		},
+		{
+			name: "overflow-block",
+			"status": "experimental",
+			"syntax": "visible | hidden | clip | scroll | auto",
 			browsers: [
-				"FF68"
+				"FF69"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-block"
 				}
 			],
-			"description": "The scroll-margin-inline property is a shorthand property which sets the scroll-margin longhands in the inline dimension."
+			"description": "The overflow-block CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the block axis."
 		},
 		{
-			name: "scroll-margin-inline-start",
-			"syntax": "<length>",
+			name: "overflow-clip-box",
+			"status": "nonstandard",
+			"syntax": "padding-box | content-box",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"FF29"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start"
+					"url": "https://developer.mozilla.org/docs/Mozilla/CSS/overflow-clip-box"
 				}
 			],
-			"description": "The scroll-margin-inline-start property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The overflow-clip-box CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the overflow-clip-box-inline and overflow-clip-box-block properties."
 		},
 		{
-			name: "scroll-margin-inline-end",
-			"syntax": "<length>",
+			name: "overflow-inline",
+			"status": "experimental",
+			"syntax": "visible | hidden | clip | scroll | auto",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"FF69"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overflow-inline"
 				}
 			],
-			"description": "The scroll-margin-inline-end property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The overflow-inline CSS media feature can be used to test how the output device handles content that overflows the initial containing block along the inline axis."
 		},
 		{
-			name: "scroll-margin-left",
-			"syntax": "<length>",
+			name: "overscroll-behavior",
+			"status": "nonstandard",
+			"syntax": "[ contain | none | auto ]{1,2}",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"E18",
+				"FF59",
+				"C63",
+				"O50"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior"
 				}
 			],
-			"description": "The scroll-margin-left property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The overscroll-behavior CSS property is shorthand for the overscroll-behavior-x and overscroll-behavior-y properties, which allow you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached."
 		},
 		{
-			name: "scroll-margin-right",
-			"syntax": "<length>",
+			name: "overscroll-behavior-x",
+			"status": "nonstandard",
+			"syntax": "contain | none | auto",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"E18",
+				"FF59",
+				"C63",
+				"O50"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x"
 				}
 			],
-			"description": "The scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The overscroll-behavior-x CSS property is allows you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached — in the x axis direction."
 		},
 		{
-			name: "scroll-margin-top",
-			"syntax": "<length>",
+			name: "overscroll-behavior-y",
+			"status": "nonstandard",
+			"syntax": "contain | none | auto",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"E18",
+				"FF59",
+				"C63",
+				"O50"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y"
 				}
 			],
-			"description": "The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
+			"description": "The overscroll-behavior-y CSS property is allows you to control the browser's scroll overflow behavior — what happens when the boundary of a scrolling area is reached — in the y axis direction."
 		},
 		{
-			name: "scroll-padding",
-			"syntax": "[ auto | <length-percentage> ]{1,4}",
+			name: "ruby-merge",
+			"status": "experimental",
+			"syntax": "separate | collapse | auto",
+			"description": "This property controls how ruby annotation boxes should be rendered when there are more than one in a ruby container box: whether each pair should be kept separate, the annotations should be collapsed and rendered as a group, or the separation should be determined based on the space available."
+		},
+		{
+			name: "scrollbar-color",
+			"syntax": "auto | dark | light | <color>{2}",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"FF64"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-color"
 				}
 			],
-			"description": "The scroll-padding property is a shorthand property which sets all of the scroll-padding longhands, assigning values much like the padding property does for the padding-* longhands."
+			"description": "The scrollbar-color CSS property sets the color of the scrollbar track and thumb."
 		},
 		{
-			name: "scroll-padding-block",
-			"syntax": "[ auto | <length-percentage> ]{1,2}",
+			name: "scrollbar-width",
+			"syntax": "auto | thin | none",
 			browsers: [
-				"FF68",
-				"C69",
-				"O56"
+				"FF64"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scrollbar-width"
 				}
 			],
-			"description": "The scroll-padding-block property is a shorthand property which sets the scroll-padding longhands for the block dimension."
+			"description": "The scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown. "
 		},
 		{
-			name: "scroll-padding-block-start",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin",
+			"syntax": "<length>{1,4}",
 			browsers: [
 				"FF68",
 				"S11",
@@ -18151,31 +18270,30 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin"
 				}
 			],
-			"description": "The scroll-padding-block-start property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin property is a shorthand property which sets all of the scroll-margin longhands, assigning values much like the margin property does for the margin-* longhands."
 		},
 		{
-			name: "scroll-padding-block-end",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin-block",
+			"syntax": "<length>{1,2}",
 			browsers: [
 				"FF68",
-				"S11",
 				"C69",
 				"O56"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block"
 				}
 			],
-			"description": "The scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin-block property is a shorthand property which sets the scroll-margin longhands in the block dimension."
 		},
 		{
-			name: "scroll-padding-bottom",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin-block-start",
+			"syntax": "<length>",
 			browsers: [
 				"FF68",
 				"S11",
@@ -18185,30 +18303,31 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start"
 				}
 			],
-			"description": "The scroll-padding-bottom property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin-block-start property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
-			name: "scroll-padding-inline",
-			"syntax": "[ auto | <length-percentage> ]{1,2}",
+			name: "scroll-margin-block-end",
+			"syntax": "<length>",
 			browsers: [
 				"FF68",
+				"S11",
 				"C69",
 				"O56"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end"
 				}
 			],
-			"description": "The scroll-padding-inline property is a shorthand property which sets the scroll-padding longhands for the inline dimension."
+			"description": "The scroll-margin-block-end property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
-			name: "scroll-padding-inline-start",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin-bottom",
+			"syntax": "<length>",
 			browsers: [
 				"FF68",
 				"S11",
@@ -18218,31 +18337,28 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom"
 				}
 			],
-			"description": "The scroll-padding-inline-start property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin-bottom property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
-			name: "scroll-padding-inline-end",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin-inline",
+			"syntax": "<length>{1,2}",
 			browsers: [
-				"FF68",
-				"S11",
-				"C69",
-				"O56"
+				"FF68"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline"
 				}
 			],
-			"description": "The scroll-padding-inline-end property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin-inline property is a shorthand property which sets the scroll-margin longhands in the inline dimension."
 		},
 		{
-			name: "scroll-padding-left",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin-inline-start",
+			"syntax": "<length>",
 			browsers: [
 				"FF68",
 				"S11",
@@ -18252,14 +18368,14 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start"
 				}
 			],
-			"description": "The scroll-padding-left property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin-inline-start property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
-			name: "scroll-padding-right",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin-inline-end",
+			"syntax": "<length>",
 			browsers: [
 				"FF68",
 				"S11",
@@ -18269,14 +18385,14 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end"
 				}
 			],
-			"description": "The scroll-padding-right property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin-inline-end property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
-			name: "scroll-padding-top",
-			"syntax": "auto | <length-percentage>",
+			name: "scroll-margin-left",
+			"syntax": "<length>",
 			browsers: [
 				"FF68",
 				"S11",
@@ -18286,14 +18402,14 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left"
 				}
 			],
-			"description": "The scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targeted element and the edges of the scrollport."
+			"description": "The scroll-margin-left property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
-			name: "scroll-snap-align",
-			"syntax": "[ none | start | end | center ]{1,2}",
+			name: "scroll-margin-right",
+			"syntax": "<length>",
 			browsers: [
 				"FF68",
 				"S11",
@@ -18303,24 +18419,27 @@ export const cssData : CSSDataV1 = {
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right"
 				}
 			],
-			"description": "The scroll-snap-align property specifies the box’s snap position as an alignment of its snap area (as the alignment subject) within its snap container’s snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value."
+			"description": "The scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
-			name: "scroll-snap-stop",
-			"syntax": "normal | always",
+			name: "scroll-margin-top",
+			"syntax": "<length>",
 			browsers: [
-				"C75"
+				"FF68",
+				"S11",
+				"C69",
+				"O56"
 			],
 			"references": [
 				{
 					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop"
+					"url": "https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top"
 				}
 			],
-			"description": "The scroll-snap-stop CSS property defines whether the scroll container is allowed to \"pass over\" possible snap positions."
+			"description": "The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets."
 		},
 		{
 			name: "scroll-snap-type-x",
@@ -18353,51 +18472,6 @@ export const cssData : CSSDataV1 = {
 			],
 			"description": "The scroll-snap-type-y CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.\n\nSpecifying any precise animations or physics used to enforce those snap points is not covered by this property but instead left up to the user agent."
 		},
-		{
-			name: "text-combine-upright",
-			"syntax": "none | all | [ digits <integer>? ]",
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-combine-upright"
-				}
-			],
-			"description": "The text-combine-upright CSS property specifies the combination of multiple characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.\n\nThis is used to produce an effect that is known as tate-chū-yoko (縦中横) in Japanese, or as 直書橫向 in Chinese."
-		},
-		{
-			name: "text-decoration-skip",
-			"status": "experimental",
-			"syntax": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
-			browsers: [
-				"S12.1",
-				"C57",
-				"O44"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip"
-				}
-			],
-			"description": "The text-decoration-skip CSS property specifies what parts of the element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors."
-		},
-		{
-			name: "text-decoration-skip-ink",
-			"status": "experimental",
-			"syntax": "auto | none",
-			browsers: [
-				"FF70",
-				"C64",
-				"O50"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink"
-				}
-			],
-			"description": "The text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders."
-		},
 		{
 			name: "text-emphasis",
 			"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>",
@@ -18466,65 +18540,11 @@ export const cssData : CSSDataV1 = {
 			],
 			"description": "The text-emphasis-style CSS property defines the type of emphasis used. It can also be set, and reset, using the text-emphasis shorthand."
 		},
-		{
-			name: "text-size-adjust",
-			"status": "experimental",
-			"syntax": "none | auto | <percentage>",
-			browsers: [
-				"E12",
-				"C54",
-				"O41"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/text-size-adjust"
-				}
-			],
-			"description": "The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property."
-		},
-		{
-			name: "transform-box",
-			"syntax": "border-box | fill-box | view-box",
-			browsers: [
-				"FF55",
-				"S11",
-				"C64",
-				"O51"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/transform-box"
-				}
-			],
-			"description": "The transform-box CSS property defines the layout box to which the transform and transform-origin properties relate."
-		},
-		{
-			name: "translate",
-			"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?",
-			browsers: [
-				"FF60"
-			],
-			"references": [
-				{
-					name: "MDN Reference",
-					"url": "https://developer.mozilla.org/docs/Web/CSS/translate"
-				}
-			],
-			"description": "The translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
-		},
 		{
 			name: "speak-as",
 			"syntax": "auto | bullets | numbers | words | spell-out | <counter-style-name>",
 			"description": "The speak-as descriptor specifies how a counter symbol constructed with a given @counter-style will be represented in the spoken form. For example, an author can specify a counter symbol to be either spoken as its numerical value or just represented with an audio cue."
 		},
-		{
-			name: "font-display",
-			"status": "experimental",
-			"syntax": "[ auto | block | swap | fallback | optional ]",
-			"description": "The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use."
-		},
 		{
 			name: "bleed",
 			"status": "experimental",
@@ -18536,26 +18556,6 @@ export const cssData : CSSDataV1 = {
 			"status": "experimental",
 			"syntax": "none | [ crop || cross ]",
 			"description": "The marks CSS at-rule descriptor, used with the @page at-rule, adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets."
-		},
-		{
-			name: "max-zoom",
-			"syntax": "auto | <number> | <percentage>",
-			"description": "The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom in any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
-		},
-		{
-			name: "min-zoom",
-			"syntax": "auto | <number> | <percentage>",
-			"description": "The min-zoom CSS descriptor sets the minimum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom out any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
-		},
-		{
-			name: "orientation",
-			"syntax": "auto | portrait | landscape",
-			"description": "The orientation CSS @media media feature can be used to apply styles based on the orientation of the viewport (or the page box, for paged media)."
-		},
-		{
-			name: "user-zoom",
-			"syntax": "zoom | fixed",
-			"description": "The user-zoom CSS descriptor controls whether or not the user can change the zoom factor of a document defined by @viewport."
 		}
 	],
 	"atDirectives": [
diff --git a/src/services/cssCompletion.ts b/src/services/cssCompletion.ts
index cc62bd06..98dfe9fb 100644
--- a/src/services/cssCompletion.ts
+++ b/src/services/cssCompletion.ts
@@ -142,21 +142,21 @@ export class CSSCompletion {
 	private finalize(result: CompletionList): CompletionList {
 		const needsSortText = result.items.some(i => !!i.sortText || i.label[0] === '-');
 		if (needsSortText) {
-			for (const i of result.items) {
-				if (!i.sortText) {
-					if (i.label[0] === '-') {
-						i.sortText = 'x';
+			result.items.forEach((item, index) => {
+				if (!item.sortText) {
+					if (item.label[0] === '-') {
+						item.sortText = 'x_' + computeRankNumber(index);
 					} else {
-						i.sortText = 'd';
+						item.sortText = 'd_' + computeRankNumber(index);
 					}
 				} else {
-					if (i.label[0] === '-') {
-						i.sortText += 'x';
+					if (item.label[0] === '-') {
+						item.sortText += 'x_' + computeRankNumber(index);
 					} else {
-						i.sortText += 'd';
+						item.sortText += 'd_' + computeRankNumber(index);
 					}
 				}
-			}
+			});
 		}
 		return result;
 	}
@@ -992,6 +992,25 @@ function isDeprecated(entry: languageFacts.IEntry2): boolean {
 	return false;
 }
 
+/**
+ * Rank number should all be same length strings
+ */
+function computeRankNumber(n: Number): string {
+	const nstr = n.toString();
+	switch (nstr.length) {
+		case 4:
+			return nstr;
+		case 3:
+			return '0' + nstr;
+		case 2:
+			return '00' + nstr;
+		case 1:
+			return '000' + nstr;
+		default:
+			return '0000';
+	}
+}
+
 class Set {
 	private entries: { [key: string]: boolean } = {};
 	public add(entry: string): void {
diff --git a/src/test/css/completion.test.ts b/src/test/css/completion.test.ts
index 8a2ea7bc..ddaf8215 100644
--- a/src/test/css/completion.test.ts
+++ b/src/test/css/completion.test.ts
@@ -707,10 +707,10 @@ suite('CSS - Completion', () => {
 		testCompletionFor('.foo { display: | }', {
 			items: [
 				// Enum with no prefix come before everything
-				{ label: 'grid', sortText: 'ad' },
+				{ label: 'grid', sortText: 'ad_0005' },
 				// Enum with prefix come next
-				{ label: '-moz-grid', sortText: 'ax' },
-				{ label: '-ms-grid', sortText: 'ax' },
+				{ label: '-moz-grid', sortText: 'ax_0014' },
+				{ label: '-ms-grid', sortText: 'ax_0025' },
 				// Others come last
 				{ label: 'inherit' }
 			]
diff --git a/src/test/scss/scssCompletion.test.ts b/src/test/scss/scssCompletion.test.ts
index 85d16530..e4017ce8 100644
--- a/src/test/scss/scssCompletion.test.ts
+++ b/src/test/scss/scssCompletion.test.ts
@@ -185,7 +185,7 @@ suite('SCSS - Completions', () => {
 		testCompletionFor('.foo { text-decoration: | }', {
 			items: [
 				// Enum come before everything
-				{ label: 'dashed', sortText: 'ad' },
+				{ label: 'dashed', sortText: 'ad_0180' },
 				// Others come later
 				{ label: 'aqua' },
 				{ label: 'inherit' }