completions.json

{
  "tags": [
    "a",
    "b",
    "blockquote",
    "body",
    "br",
    "button",
    "canvas",
    "code",
    "div",
    "em",
    "form",
    "footer",
    "h1",
    "h2",
    "h3",
    "h4",
    "h5",
    "h6",
    "head",
    "header",
    "hgroup",
    "hr",
    "html",
    "i",
    "iframe",
    "img",
    "input",
    "label",
    "li",
    "nav",
    "ol",
    "p",
    "pre",
    "select",
    "span",
    "strong",
    "sub",
    "summary",
    "table",
    "td",
    "textarea",
    "th",
    "title",
    "tr",
    "ul",
    "abbr",
    "address",
    "area",
    "article",
    "aside",
    "audio",
    "base",
    "bdi",
    "bdo",
    "big",
    "caption",
    "cite",
    "col",
    "colgroup",
    "command",
    "datalist",
    "dd",
    "del",
    "details",
    "dfn",
    "dialog",
    "dl",
    "dt",
    "embed",
    "fieldset",
    "figcaption",
    "figure",
    "ilayer",
    "ins",
    "kbd",
    "keygen",
    "legend",
    "link",
    "main",
    "map",
    "mark",
    "marquee",
    "menu",
    "meta",
    "meter",
    "noscript",
    "object",
    "optgroup",
    "option",
    "output",
    "param",
    "progress",
    "q",
    "rp",
    "rt",
    "ruby",
    "samp",
    "script",
    "section",
    "small",
    "source",
    "style",
    "sup",
    "tbody",
    "tfoot",
    "thead",
    "time",
    "track",
    "tt",
    "var",
    "video",
    "wbr"
  ],
  "properties": {
    "width": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Specifies the width of the content area of an element."
    },
    "height": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Specifies the height of the content area of an element."
    },
    "margin": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "with the other margin properties: margin-top, margin-right, margin-bottom and margin-left."
    },
    "margin-left": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "width, margin-left, border, padding, the content area and margin-right are defined), margin-left is ignored…The margin-left CSS property of an element sets the margin space required on the left side of a box associated…allowed."
    },
    "margin-right": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Of an element sets the margin space required on the right side of an element…allowed."
    },
    "margin-top": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Of an element sets the margin space required on the top of an element."
    },
    "margin-bottom": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Of an element sets the margin space required on the bottom of an element"
    },
    "padding": {
      "values": [
        "inherit"
      ],
      "description": "Sets the padding space on all sides of an element."
    },
    "padding-left": {
      "values": [],
      "description": "Of an element sets the padding space required on the left side of an element…element."
    },
    "padding-right": {
      "values": [],
      "description": "Of an element sets the padding space required on the right side of an…an element."
    },
    "padding-top": {
      "values": [],
      "description": "Of an element sets the padding space required on the top of an element."
    },
    "padding-bottom": {
      "values": [],
      "description": "Of an element sets the height of the padding area at the bottom of an…Contrary to margin-bottom values, negative values of padding-bottom are invalid."
    },
    "font": {
      "values": [],
      "description": "Either a shorthand property for setting font-style, font-variant, font-weight…font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using"
    },
    "font-size": {
      "values": [],
      "description": "Specifies the size of the font."
    },
    "font-style": {
      "values": [
        "italic",
        "normal",
        "oblique"
      ],
      "description": "Lets you select italic or oblique faces within a font-family."
    },
    "font-weight": {
      "values": [
        "bold",
        "bolder",
        "lighter",
        "normal",
        "100",
        "200",
        "300",
        "400",
        "500",
        "600",
        "700",
        "800",
        "900",
        "inherit"
      ],
      "description": "Specifies the weight or boldness of the font."
    },
    "font-family": {
      "values": [
        "cursive",
        "fantasy",
        "inherit",
        "monospace",
        "sans-serif",
        "serif"
      ],
      "description": "Lets you specify a prioritized list of font family names and/or generic…first font on the list that is installed on the computer or that can be downloaded using a @font-face…generic family names for the selected element."
    },
    "border": {
      "values": [],
      "description": "Specifies all borders on an HTMLElement."
    },
    "border-radius": {
      "values": [],
      "description": "Allows Web authors to define how rounded border corners are."
    },
    "border-top": {
      "values": [],
      "description": "A shorthand that sets the values of border-top-color, border-top-style…border-top-style, and border-top-width."
    },
    "border-bottom": {
      "values": [],
      "description": "A shorthand that sets the values of border-bottom-color, border-bottom-style…border-bottom-style, and border-bottom-width."
    },
    "border-left": {
      "values": [],
      "description": "A shorthand that sets the values of border-left-color, border-left-style…border-left-style, and border-left-width."
    },
    "border-right": {
      "values": [],
      "description": "A shorthand that sets the values of border-right-color, border-right-style…border-right-style, and border-right-width."
    },
    "border-color": {
      "values": [
        "inherit"
      ],
      "type": "color",
      "description": "A shorthand for setting the color of the four sides of an element's…element's border: border-top-color, border-right-color, border-bottom-color, border-left-color"
    },
    "border-width": {
      "values": [
        "medium",
        "thin",
        "thick",
        "inherit"
      ],
      "description": "Sets the width of the border of a box."
    },
    "position": {
      "values": [
        "absolute",
        "fixed",
        "relative",
        "static",
        "sticky",
        "inherit"
      ],
      "description": "Chooses alternative rules for positioning elements, designed to be useful for"
    },
    "text-align": {
      "values": [
        "center",
        "left",
        "justify",
        "right",
        "inherit"
      ],
      "description": "Describes how inline content like text is aligned in its parent block element…element."
    },
    "background": {
      "values": [],
      "description": "background-color, background-image, background-origin, background-position, background-repeat, background-size, and …sheet."
    },
    "background-color": {
      "values": [
        "inherit"
      ],
      "type": "color",
      "description": "Sets the background color of an element, either through a color value"
    },
    "background-position": {
      "values": [
        "left",
        "center",
        "right",
        "bottom",
        "top"
      ],
      "description": "Sets the initial position, relative to the background position layer…layer defined by background-origin for each defined background image."
    },
    "background-repeat": {
      "values": [
        "no-repeat",
        "repeat",
        "repeat-x",
        "repeat-y",
        "round",
        "space"
      ],
      "description": "Defines how background images are repeated."
    },
    "background-image": {
      "values": [
        "image()",
        "linear-gradient()",
        "radial-gradient()",
        "repeating-linear-gradient()",
        "repeating-radial-gradient()",
        "url()"
      ],
      "description": "Sets one or several background images for an element."
    },
    "background-size": {
      "values": [
        "auto",
        "contain",
        "cover"
      ],
      "description": "Specifies the size of the background images."
    },
    "background-clip": {
      "values": [
        "border-box",
        "content-box",
        "padding-box",
        "inherit"
      ],
      "description": "Specifies whether an element's background, either the color or image"
    },
    "right": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Specifies part of the position of positioned elements."
    },
    "left": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Specifies part of the position of positioned elements."
    },
    "top": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Specifies part of the position of positioned elements."
    },
    "bottom": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Participates in specifying the position of positioned elements."
    },
    "overflow": {
      "values": [
        "auto",
        "hidden",
        "scroll",
        "visible",
        "inherit"
      ],
      "description": "Specifies whether to clip content, render scrollbars or just display content when…when it overflows its block level container."
    },
    "overflow-x": {
      "values": [
        "auto",
        "hidden",
        "scroll",
        "visible",
        "inherit"
      ],
      "description": "Specifies whether to clip content, render a scroll bar, or display overflow content…content of a block-level element, when it overflows at the left and right edges."
    },
    "overflow-y": {
      "values": [
        "auto",
        "hidden",
        "scroll",
        "visible",
        "inherit"
      ],
      "description": "Specifies whether to clip content, render a scroll bar, or display overflow content…content of a block-level element, when it overflows at the top and bottom edges."
    },
    "opacity": {
      "values": [
        "inherit"
      ],
      "description": "Specifies the transparency of an element, that is, the degree to which the background"
    },
    "cursor": {
      "values": [
        "alias",
        "all-scroll",
        "auto",
        "cell",
        "col-resize",
        "context-menu",
        "copy",
        "crosshair",
        "default",
        "e-resize",
        "ew-resize",
        "grab",
        "grabbing",
        "help",
        "inherit",
        "move",
        "n-resize",
        "ne-resize",
        "nesw-resize",
        "no-drop",
        "none",
        "not-allowed",
        "ns-resize",
        "nw-resize",
        "nwse-resize",
        "pointer",
        "progress",
        "row-resize",
        "s-resize",
        "se-resize",
        "sw-resize",
        "text",
        "vertical-text",
        "w-resize",
        "wait",
        "zoom-in",
        "zoom-out"
      ],
      "description": "Specifies the mouse cursor displayed when the mouse pointer is over an element"
    },
    "display": {
      "values": [
        "block",
        "flex",
        "grid",
        "inline",
        "inline-block",
        "inline-flex",
        "inline-grid",
        "inline-table",
        "list-item",
        "none",
        "run-in",
        "table",
        "table-caption",
        "table-cell",
        "table-column",
        "table-column-group",
        "table-footer-group",
        "table-header-group",
        "table-row",
        "table-row-group",
        "inherit"
      ],
      "description": "Specifies the type of rendering box used for an element."
    },
    "color": {
      "values": [
        "inherit"
      ],
      "type": "color",
      "description": "Sets the foreground color of an element's text content, and its decorations."
    },
    "visibility": {
      "values": [
        "collapse",
        "hidden",
        "visible",
        "inherit"
      ],
      "description": "Can be used to hide an element while leaving the space where it would have been"
    },
    "float": {
      "values": [
        "left",
        "right",
        "none",
        "inherit"
      ],
      "description": "Specifies that an element should be taken from the normal flow and placed along"
    },
    "text-decoration": {
      "values": [
        "line-through",
        "none",
        "overline",
        "underline",
        "inherit"
      ],
      "description": "Used to set the text formatting to underline, overline, line-through…blink."
    },
    "line-height": {
      "values": [
        "normal",
        "inherit"
      ],
      "description": "block level elements, the line-height property specifies the minimum height of line boxes within the element"
    },
    "z-index": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Specifies the z-order of an element and its descendants."
    },
    "vertical-align": {
      "values": [
        "baseline",
        "bottom",
        "middle",
        "sub",
        "super",
        "text-bottom",
        "text-top",
        "top",
        "inherit"
      ],
      "description": "Specifies the vertical alignment of an inline or table-cell box."
    },
    "box-sizing": {
      "values": [
        "border-box",
        "content-box",
        "padding-box",
        "inherit"
      ],
      "description": "Used to alter the default CSS box model used to calculate widths and heights…of browsers that do not correctly support the CSS box model specification."
    },
    "clear": {
      "values": [
        "both",
        "left",
        "none",
        "right",
        "inherit"
      ],
      "description": "Specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them."
    },
    "white-space": {
      "values": [
        "normal",
        "nowrap",
        "pre",
        "pre-line",
        "pre-wrap",
        "inherit"
      ],
      "description": "Used to describe how whitespace inside the element is handled."
    },
    "max-width": {
      "values": [
        "none",
        "inherit"
      ],
      "description": "Used to set the maximum width of a given element."
    },
    "outline": {
      "values": [
        "inherit"
      ],
      "description": "properties outline-style, outline-width and outline-color in a single declaration."
    },
    "content": {
      "values": [
        "attr()",
        "close-quote",
        "no-close-quote",
        "no-open-quote",
        "normal",
        "none",
        "open-quote",
        "inherit"
      ],
      "description": "Used with the ::before and ::after pseudo-elements to generate content in…in an element."
    },
    "min-width": {
      "values": [
        "inherit"
      ],
      "description": "Used to set the minimum width of a given element."
    },
    "min-height": {
      "values": [
        "inherit"
      ],
      "description": "Used to set the minimum height of a given element."
    },
    "list-style": {
      "values": [
        "armenian",
        "circle",
        "decimal",
        "decimal-leading-zero",
        "disc",
        "georgian",
        "inherit",
        "inside",
        "lower-alpha",
        "lower-greek",
        "lower-latin",
        "lower-roman",
        "none",
        "outside",
        "square",
        "upper-alpha",
        "upper-latin",
        "upper-roman",
        "url()"
      ],
      "description": "A shorthand property for setting list-style-type, list-style-image and list-style-position"
    },
    "box-shadow": {
      "values": [],
      "description": "Describes one or more shadow effects as a comma-separated list."
    },
    "text-shadow": {
      "values": [],
      "description": "Adds shadows to text."
    },
    "text-indent": {
      "values": [
        "inherit"
      ],
      "description": "Specifies how much horizontal space should be left before the beginning of the…the first line of the text content of an element."
    },
    "max-height": {
      "values": [
        "none",
        "inherit"
      ],
      "description": "Used to set the maximum height of an element."
    },
    "text-overflow": {
      "values": [
        "clip",
        "ellipsis",
        "inherit"
      ],
      "description": "Determines how overflowed content that is not displayed is signaled to users"
    },
    "border-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "groove",
        "hidden",
        "inset",
        "none",
        "outset",
        "ridge",
        "solid",
        "inherit"
      ],
      "description": "A shorthand property for setting the line style for all four sides of the…the elements border."
    },
    "border-spacing": {
      "values": [
        "inherit"
      ],
      "description": "Specifies the distance between the borders of adjacent table cells (only…(only for the separated borders model)."
    },
    "border-collapse": {
      "values": [
        "collapse",
        "separate",
        "inherit"
      ],
      "description": "Determines whether a table's borders are separated or collapsed."
    },
    "border-left-color": {
      "values": [
        "inherit"
      ],
      "type": "color",
      "description": "Sets the color of the bottom border of an element."
    },
    "border-left-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "groove",
        "hidden",
        "inset",
        "none",
        "outset",
        "ridge",
        "solid",
        "inherit"
      ],
      "description": "Sets the line style of the left border of a box."
    },
    "border-left-width": {
      "values": [
        "medium",
        "thin",
        "thick",
        "inherit"
      ],
      "description": "Sets the width of the left border of a box."
    },
    "border-right-color": {
      "values": [
        "inherit"
      ],
      "type": "color",
      "description": "Sets the color of the right border of an element."
    },
    "border-right-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "groove",
        "hidden",
        "inset",
        "none",
        "outset",
        "ridge",
        "solid",
        "inherit"
      ],
      "description": "Sets the line style of the right border of a box."
    },
    "border-right-width": {
      "values": [
        "medium",
        "thin",
        "thick",
        "inherit"
      ],
      "description": "Sets the width of the right border of a box."
    },
    "border-top-color": {
      "values": [
        "inherit"
      ],
      "type": "color",
      "description": "Sets the color of the top border of an element."
    },
    "border-top-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "groove",
        "hidden",
        "inset",
        "none",
        "outset",
        "ridge",
        "solid",
        "inherit"
      ],
      "description": "Sets the line style of the top border of a box."
    },
    "border-top-width": {
      "values": [
        "medium",
        "thin",
        "thick",
        "inherit"
      ],
      "description": "Sets the width of the top border of a box."
    },
    "border-bottom-color": {
      "values": [
        "inherit"
      ],
      "type": "color",
      "description": "Sets the color of the bottom border of an element."
    },
    "border-bottom-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "groove",
        "hidden",
        "inset",
        "none",
        "outset",
        "ridge",
        "solid",
        "inherit"
      ],
      "description": "Sets the line style of the bottom border of a box."
    },
    "border-bottom-width": {
      "values": [
        "medium",
        "thin",
        "thick",
        "inherit"
      ],
      "description": "Sets the width of the bottom border of a box."
    },
    "border-top-left-radius": {
      "values": [],
      "description": "Sets the rounding of the top-left corner of the element."
    },
    "border-top-right-radius": {
      "values": [],
      "description": "Sets the rounding of the top-right corner of the element."
    },
    "border-bottom-left-radius": {
      "values": [],
      "description": "Sets the rounding of the bottom-left corner of the element"
    },
    "border-bottom-right-radius": {
      "values": [],
      "description": "Sets the rounding of the bottom-right corner of the element"
    },
    "text-transform": {
      "values": [
        "capitalize",
        "full-width",
        "lowercase",
        "none",
        "uppercase",
        "inherit"
      ],
      "description": "Specifies how to capitalize an element's text."
    },
    "list-style-type": {
      "values": [
        "armenian",
        "circle",
        "decimal",
        "decimal-leading-zero",
        "disc",
        "georgian",
        "lower-alpha",
        "lower-greek",
        "lower-latin",
        "lower-roman",
        "none",
        "square",
        "upper-alpha",
        "upper-latin",
        "upper-roman",
        "inherit"
      ],
      "description": "Specifies the appearance of a list item element."
    },
    "word-wrap": {
      "values": [
        "break-word",
        "normal"
      ],
      "description": "Used to specify whether or not the browser may break lines within words in order"
    },
    "transition": {
      "values": [],
      "description": "A shorthand property for transition-property, transition-duration, tr…transition-timing-function, and transition-delay."
    },
    "letter-spacing": {
      "values": [
        "normal",
        "inherit"
      ],
      "description": "Specifies spacing behavior between text characters."
    },
    "transform": {
      "values": [
        "matrix()",
        "matrix3d()",
        "none",
        "perspective()",
        "rotate()",
        "rotate3d()",
        "rotateX()",
        "rotateY()",
        "rotateZ()",
        "scale()",
        "scale3d()",
        "scaleX()",
        "scaleY()",
        "scaleZ()",
        "skewX()",
        "skewY()",
        "translate()",
        "translate3d()",
        "translateX()",
        "translateY()",
        "translateZ()"
      ],
      "description": "Lets you modify the coordinate space of the CSS visual formatting model."
    },
    "pointer-events": {
      "values": [
        "all",
        "auto",
        "fill",
        "inherit",
        "none",
        "painted",
        "stroke",
        "visible",
        "visibleFill",
        "visiblePainted",
        "visibleStroke"
      ],
      "description": "Pointer-events allows authors to control under what circumstances (if any) a particular…graphic element can become the target of mouse events."
    },
    "direction": {
      "values": [
        "ltr",
        "rtl",
        "inherit"
      ],
      "description": "Set the direction CSS property to match the direction of the text: rtl for languages written from right-to-left…the dir attribute in HTML) rather than through direct use of CSS."
    },
    "clip": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Defines what portion of an element is visible."
    },
    "table-layout": {
      "values": [
        "auto",
        "fixed",
        "inherit"
      ],
      "description": "Defines the algorithm to be used to layout the table cells, rows, and columns"
    },
    "src": {
      "values": [
        "url()"
      ]
    },
    "resize": {
      "values": [
        "both",
        "horizontal",
        "none",
        "vertical",
        "inherit"
      ],
      "description": "Lets you control the resizability of an element."
    },
    "word-break": {
      "values": [
        "normal",
        "break-all",
        "keep-all"
      ],
      "description": "Used to specify whether to break lines within words."
    },
    "filter": {
      "values": [
        "blur()",
        "brightness()",
        "contrast()",
        "custom()",
        "drop-shadow()",
        "grayscale()",
        "hue-rotate()",
        "invert()",
        "none",
        "opacity()",
        "sepia()",
        "saturate()",
        "url()"
      ],
      "description": "Provides for effects like blurring or color shifting on an element’s rendering before…before the element is displayed."
    },
    "transform-origin": {
      "values": [
        "bottom",
        "center",
        "left",
        "right",
        "top"
      ],
      "description": "Lets you modify the origin for transformations of an element."
    },
    "font-variant": {
      "values": [
        "normal",
        "small-caps",
        "inherit"
      ],
      "description": "properties: font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures,…and font-variant-east-asian."
    },
    "quotes": {
      "values": [
        "none",
        "inherit"
      ],
      "description": "Indicates how user agents should render quotation marks."
    },
    "unicode-bidi": {
      "values": [
        "bidi-override",
        "embed",
        "normal",
        "inherit"
      ],
      "description": "Together with the direction property relates to the handling of bidirectional…right-to-left text then the user-agent uses a complex Unicode algorithm to decide how to display the text."
    },
    "word-spacing": {
      "values": [
        "normal",
        "inherit"
      ],
      "description": "Specifies spacing behavior between tags and words."
    },
    "text-rendering": {
      "values": [
        "auto",
        "geometricPrecision",
        "optimizeLegibility",
        "optimizeSpeed"
      ],
      "description": "Provides information to the rendering engine about what to optimize for…for when rendering text."
    },
    "outline-color": {
      "values": [
        "invert",
        "inherit"
      ],
      "type": "color",
      "description": "Sets the color of the outline of an element."
    },
    "list-style-position": {
      "values": [
        "inside",
        "outside",
        "inherit"
      ],
      "description": "Specifies the position of the marker box in the principal block box"
    },
    "outline-offset": {
      "values": [
        "inherit"
      ],
      "description": "Used to set space between an outline and the edge or border of an…an element."
    },
    "orphans": {
      "values": [
        "inherit"
      ],
      "description": "Refers to the minimum number of lines in a block container that must be left"
    },
    "outline-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "groove",
        "hidden",
        "inset",
        "none",
        "outset",
        "ridge",
        "solid",
        "inherit"
      ],
      "description": "Used to set the style of the outline of an element."
    },
    "outline-width": {
      "values": [
        "medium",
        "thin",
        "thick",
        "inherit"
      ],
      "description": "Used to set the width of the outline of an element."
    },
    "flex": {
      "values": [
        "auto",
        "initial",
        "none"
      ],
      "description": "A shorthand property specifying the ability of a flex item to alter its dimensions…available space."
    },
    "flex-grow": {
      "values": [],
      "description": "Specifies the flex grow factor of a flex item."
    },
    "flex-direction": {
      "values": [
        "column",
        "column-reverse",
        "row",
        "row-reverse"
      ],
      "description": "Specifies how flex items are placed in the flex container defining the…the main axis and the direction (normal or reversed)."
    },
    "flex-flow": {
      "values": [
        "column",
        "column-reverse",
        "nowrap",
        "row",
        "row-reverse",
        "wrap",
        "wrap-reverse"
      ],
      "description": "A shorthand property for flex-direction and flex-wrap individual properties"
    },
    "flex-wrap": {
      "values": [
        "nowrap",
        "wrap",
        "wrap-reverse"
      ],
      "description": "Specifies whether flex items are forced into a single line or can be wrapped…wrapped onto multiple lines."
    },
    "flex-shrink": {
      "values": [],
      "description": "Specifies the flex shrink factor of a flex item."
    },
    "flex-basis": {
      "values": [
        "auto"
      ],
      "description": "Specifies the flex basis which is the initial main size of a flex item."
    },
    "list-style-image": {
      "values": [
        "none",
        "url()",
        "inherit"
      ],
      "description": "Specifies an image to be used as the list item marker."
    },
    "unicode-range": {
      "values": [],
      "description": "The unicode-range CSS descriptor sets the specific range of characters to be downloaded from a font defined"
    },
    "align-items": {
      "values": [
        "baseline",
        "center",
        "flex-end",
        "flex-start",
        "stretch"
      ],
      "description": "Aligns flex items of the current flex line the same way as justify-content"
    },
    "transition-delay": {
      "values": [],
      "description": "Specifies the amount of time to wait between a change being requested to…to a property that is to be transitioned and the start of the transition effect."
    },
    "transition-duration": {
      "values": [],
      "description": "Specifies the number of seconds or milliseconds a transition animation"
    },
    "justify-content": {
      "values": [
        "center",
        "flex-end",
        "flex-start",
        "space-around",
        "space-between"
      ],
      "description": "Defines how the browser distributes space between and around flex items"
    },
    "transition-property": {
      "values": [
        "all",
        "none"
      ],
      "description": "Used to specify the names of CSS properties to which a transition"
    },
    "order": {
      "values": [],
      "description": "ascending order of the order value."
    },
    "transition-timing-function": {
      "values": [
        "cubic-bezier(.42, 0, .58, 1)",
        "ease",
        "ease-in",
        "ease-in-out",
        "ease-out",
        "linear",
        "step-end",
        "step-start",
        "steps()"
      ],
      "description": "Used to describe how the intermediate values of the CSS properties…CSS properties being affected by a transition effect are calculated."
    },
    "background-attachment": {
      "values": [
        "fixed",
        "local",
        "scroll",
        "inherit"
      ],
      "description": "If a background-image is specified, the background-attachment CSS property determines whether that image's"
    },
    "background-origin": {
      "values": [
        "border-box",
        "content-box",
        "padding-box",
        "inherit"
      ],
      "description": "Determines the background positioning area, that is the position of…of the origin of an image specified using the background-image CSS property."
    },
    "backface-visibility": {
      "values": [
        "hidden",
        "visible"
      ],
      "description": "CSS backface-visibility property determines whether or not the back face of the element is visible when…always is a transparent background, letting, when visible, a mirror image of the front face be displayed"
    },
    "page-break-inside": {
      "values": [
        "auto",
        "avoid",
        "inherit"
      ],
      "description": "Adjusts page breaks inside the current element."
    },
    "page-break-after": {
      "values": [
        "always",
        "auto",
        "avoid",
        "left",
        "right",
        "inherit"
      ],
      "description": "Adjusts page breaks after the current element."
    },
    "widows": {
      "values": [
        "inherit"
      ],
      "description": " a widow is the last line of a paragraph appearing alone at the top of a page."
    },
    "counter-increment": {
      "values": [
        "none",
        "inherit"
      ],
      "description": "Used to increase the value of CSS Counters by a given value."
    },
    "counter-reset": {
      "values": [
        "none",
        "inherit"
      ],
      "description": "Used to reset CSS Counters to a given value."
    },
    "perspective-origin": {
      "values": [
        "bottom",
        "center",
        "left",
        "right",
        "top"
      ],
      "description": "Determines the position the viewer is looking at."
    },
    "perspective": {
      "values": [
        "none"
      ],
      "description": "Determines the distance between the z=0 plane and the user in order to give…give to the 3D-positioned element some perspective."
    },
    "empty-cells": {
      "values": [
        "hide",
        "show",
        "inherit"
      ],
      "description": "Specifies how user agents should render borders and backgrounds around cells…cells that have no visible content."
    },
    "caption-side": {
      "values": [
        "bottom",
        "top",
        "inherit"
      ],
      "description": "Positions the content of a table's caption on the specified side."
    },
    "transform-style": {
      "values": [
        "flat",
        "preserve-3d"
      ],
      "description": "Determines if the children of the element are positioned in the 3D-space"
    },
    "border-image": {
      "values": [
        "url()"
      ],
      "description": "Allows drawing an image on the borders of elements."
    },
    "font-stretch": {
      "values": [
        "condensed",
        "expanded",
        "extra-condensed",
        "extra-expanded",
        "normal",
        "semi-condensed",
        "semi-expanded",
        "ultra-condensed",
        "ultra-expanded"
      ],
      "description": "Selects a normal, condensed, or expanded face from a font."
    },
    "animation": {
      "values": [],
      "description": "A shorthand property for animation-name, animation-duration, animation-timing-function…animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode and…and animation-play-state."
    },
    "page-break-before": {
      "values": [
        "always",
        "auto",
        "avoid",
        "left",
        "right",
        "inherit"
      ],
      "description": "Adjusts page breaks before the current element."
    },
    "align-self": {
      "values": [
        "auto",
        "baseline",
        "center",
        "flex-end",
        "flex-start",
        "stretch"
      ],
      "description": "Aligns flex items of the current flex line overriding the align-items value…item's cross-axis margin is set to auto, then align-self is ignored."
    },
    "align-content": {
      "values": [
        "center",
        "flex-end",
        "flex-start",
        "space-around",
        "space-between",
        "stretch"
      ],
      "description": "Aligns a flex container's lines within the flex container when there is"
    },
    "border-image-slice": {
      "values": [],
      "description": "Divides the image specified by border-image-source in nine regions:"
    },
    "border-image-width": {
      "values": [
        "auto"
      ],
      "description": "Defines the width of the border."
    },
    "border-image-outset": {
      "values": [],
      "description": "Describes by what amount the border image area extends beyond the border"
    },
    "border-image-repeat": {
      "values": [
        "repeat",
        "round",
        "space",
        "stretch"
      ],
      "description": "Defines how the middle part of a border image is handled so that…that it can match the size of the border."
    },
    "object-fit": {
      "values": [
        "contain",
        "cover",
        "fill",
        "none",
        "scale-down"
      ],
      "description": "Specifies how the contents of a replaced element should be fitted to the"
    },
    "font-kerning": {
      "values": [
        "auto",
        "none",
        "normal"
      ],
      "description": "Controls the usage of the kerning information; that is, it controls how…are spaced."
    },
    "animation-name": {
      "values": [
        "none"
      ],
      "description": "Specifies a list of animations that should be applied to the selected…element."
    },
    "animation-duration": {
      "values": [],
      "description": "Specifies the length of time that an animation should take to complete"
    },
    "border-image-source": {
      "values": [],
      "description": "Defines the image to use instead of the style of the border."
    },
    "animation-fill-mode": {
      "values": [
        "backwards",
        "both",
        "forwards",
        "none"
      ],
      "description": "Specifies how a CSS animation should apply styles to its target"
    },
    "animation-timing-function": {
      "values": [
        "cubic-bezier(.42, 0, .58, 1)",
        "ease",
        "ease-in",
        "ease-in-out",
        "ease-out",
        "linear",
        "step-end",
        "step-start",
        "steps()"
      ],
      "description": "Specifies how a CSS animation should progress over the duration…cycle."
    },
    "animation-iteration-count": {
      "values": [
        "infinite"
      ],
      "description": "Defines the number of times an animation cycle should be played"
    },
    "animation-delay": {
      "values": [],
      "description": "Specifies when the animation should start."
    },
    "font-variant-ligatures": {
      "values": [
        "normal",
        "none"
      ],
      "description": "Controls which ligatures and contextual forms are used in textual"
    },
    "background-blend-mode": {
      "values": [
        "color",
        "color-burn",
        "color-dodge",
        "darken",
        "difference",
        "exclusion",
        "hard-light",
        "hue",
        "lighten",
        "luminosity",
        "normal",
        "multiply",
        "overlay",
        "saturation",
        "screen",
        "soft-light"
      ],
      "description": "Describes how the element's background images should blend with…with each other and the element's background color."
    },
    "object-position": {
      "values": [
        "left",
        "center",
        "right",
        "bottom",
        "top"
      ],
      "description": "Determines the alignment of the replaced element inside its box."
    },
    "shape-outside": {
      "values": [
        "none",
        "inherit",
        "circle()",
        "ellipse()",
        "polygon()",
        "inset()",
        "margin-box",
        "border-box",
        "padding-box",
        "content-box",
        "url()",
        "image()",
        "linear-gradient()",
        "radial-gradient()",
        "repeating-linear-gradient()",
        "repeating-radial-gradient()"
      ],
      "description": "Uses shape values to define the float area for a float and will cause…cause inline content to wrap around the shape instead of the float's bounding box."
    },
    "shape-margin": {
      "values": [],
      "description": "Adds a margin to shape-outside."
    },
    "shape-image-threshold": {
      "values": [],
      "description": "Defines the alpha channel threshold used to extract the shape using…using an image as the value for shape-outside."
    },
    "animation-direction": {
      "values": [
        "alternate",
        "alternate-reverse",
        "normal",
        "reverse"
      ],
      "description": "Indicates whether the animation should play in reverse on alternate"
    },
    "animation-play-state": {
      "values": [
        "paused",
        "running"
      ],
      "description": "Determines whether an animation is running or paused."
    },
    "column-fill": {
      "values": [
        "auto",
        "balance"
      ],
      "description": "Controls how contents are partitioned into columns."
    },
    "text-align-last": {
      "values": [
        "center",
        "left",
        "justify",
        "right",
        "inherit"
      ],
      "description": "Describes how the last line of a block or a line, right before a forced…forced line break, is aligned."
    },
    "text-decoration-color": {
      "values": [],
      "type": "color",
      "description": "Sets the color used when drawing underlines, overlines, or strike-throughs…strike-throughs specified by text-decoration-line."
    },
    "text-decoration-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "solid",
        "wavy"
      ],
      "description": "Defines the style of the lines specified by text-decoration-line…text-decoration-line."
    },
    "text-decoration-line": {
      "values": [
        "line-through",
        "none",
        "overline",
        "underline"
      ],
      "description": "Sets what kind of line decorations are added to an element."
    },
    "font-size-adjust": {
      "values": [
        "auto",
        "none"
      ],
      "description": "Specifies that font size should be chosen based on the height of lowercase…the legibility of fonts, especially at small sizes, is determined more by the size of lowercase letters…letters than by the size of capital letters."
    },
    "text-underline-position": {
      "values": [
        "alphabetic",
        "auto",
        "below",
        "left",
        "right"
      ],
      "description": "Specifies the position of the underline which is set using the…the text-decoration property underline value."
    },
    "box-decoration-break": {
      "values": [],
      "description": "Specifies how the background, padding, border, border-image, box-shadow…applied when the box for the element is fragmented."
    },
    "break-after": {
      "values": [
        "always",
        "auto",
        "avoid",
        "avoid-column",
        "avoid-page",
        "avoid-region",
        "column",
        "left",
        "page",
        "region",
        "right"
      ],
      "description": "Describes how the page, column or region break behavior after the generated"
    },
    "break-before": {
      "values": [
        "always",
        "auto",
        "avoid",
        "avoid-column",
        "avoid-page",
        "avoid-region",
        "column",
        "left",
        "page",
        "region",
        "right"
      ],
      "description": "Describes how the page, column or region break behavior before the generated"
    },
    "break-inside": {
      "values": [
        "auto",
        "avoid",
        "avoid-column",
        "avoid-page",
        "avoid-region"
      ],
      "description": "Describes how the page, column or region break inside the generated box"
    },
    "columns": {
      "values": [],
      "description": "A shorthand property allowing to set both the column-width and the column-count"
    },
    "column-count": {
      "values": [],
      "description": "Describes the number of columns of the element."
    },
    "column-gap": {
      "values": [
        "normal"
      ],
      "description": "Sets the size of the gap between columns for elements which are specified…specified to display as a multi-column element."
    },
    "column-rule": {
      "values": [],
      "description": "properties separately : column-rule-width, column-rule-style and column-rule-color."
    },
    "column-rule-color": {
      "values": [],
      "type": "color",
      "description": "Lets you set the color of the rule drawn between columns in multi-column…multi-column layouts."
    },
    "column-rule-style": {
      "values": [
        "dashed",
        "dotted",
        "double",
        "groove",
        "hidden",
        "inset",
        "none",
        "outset",
        "ridge",
        "solid",
        "inherit"
      ],
      "description": "Lets you set the style of the rule drawn between columns in multi-column…multi-column layouts."
    },
    "column-rule-width": {
      "values": [
        "medium",
        "thin",
        "thick",
        "inherit"
      ],
      "description": "Lets you set the width of the rule drawn between columns in multi-column…multi-column layouts."
    },
    "column-span": {
      "values": [
        "all",
        "none"
      ],
      "description": "Makes it possible for an element to span across all columns when its value…set to all."
    },
    "column-width": {
      "values": [
        "auto",
        "inherit"
      ],
      "description": "Suggests an optimal column width."
    },
    "flow-into": {
      "values": [
        "none"
      ],
      "type": "named-flow"
    },
    "flow-from": {
      "values": [
        "none",
        "inherit"
      ],
      "type": "named-flow"
    },
    "font-feature-settings": {
      "values": [
        "normal"
      ],
      "description": "Gives you control over advanced typographic features in OpenType…OpenType fonts."
    },
    "font-language-override": {
      "values": [
        "normal"
      ],
      "description": "Controls the usage of language-specific glyphs in a typeface"
    },
    "font-synthesis": {
      "values": [
        "none",
        "style",
        "weight"
      ],
      "description": "Controls which missing typefaces, bold or italic, may be synthesized"
    },
    "font-variant-alternates": {
      "values": [
        "normal"
      ],
      "description": "Controls the usage of alternate glyphs associated to alternative…alternative names defined in @font-feature-values."
    },
    "font-variant-caps": {
      "values": [
        "normal",
        "small-caps",
        "all-small-caps",
        "petite-caps",
        "all-petite-caps",
        "unicase",
        "titling-caps"
      ],
      "description": "Controls the usage of alternate glyphs for capital letters."
    },
    "font-variant-east-asian": {
      "values": [
        "normal"
      ],
      "description": "Controls the usage of alternate glyphs for East Asian scripts"
    },
    "font-variant-numeric": {
      "values": [
        "normal"
      ],
      "description": "Controls the usage of alternate glyphs for numbers, fractions,"
    },
    "font-variant-position": {
      "values": [
        "normal",
        "sub",
        "super"
      ],
      "description": "Controls the usage of alternate glyphs of smaller size positioned…superscript or subscript regarding the baseline of the font, which is set unchanged."
    },
    "hyphens": {
      "values": [
        "auto",
        "manual",
        "none"
      ],
      "description": "Tells the browser how to hyphenate words when line-wrapping."
    },
    "image-orientation": {
      "values": [],
      "description": "Describes how to correct the default orientation of an image."
    },
    "image-resolution": {
      "values": [
        "from-image",
        "snap"
      ]
    },
    "region-break-after": {
      "values": [
        "always",
        "auto",
        "avoid",
        "avoid-column",
        "avoid-page",
        "avoid-region",
        "column",
        "left",
        "page",
        "region",
        "right"
      ]
    },
    "region-break-before": {
      "values": [
        "always",
        "auto",
        "avoid",
        "avoid-column",
        "avoid-page",
        "avoid-region",
        "column",
        "left",
        "page",
        "region",
        "right"
      ]
    },
    "region-break-inside": {
      "values": [
        "auto",
        "avoid",
        "avoid-column",
        "avoid-page",
        "avoid-region"
      ]
    },
    "region-fragment": {
      "values": [
        "auto",
        "break"
      ]
    },
    "shape-inside": {
      "values": [
        "auto",
        "circle()",
        "ellipse()",
        "inherit",
        "outside-shape",
        "polygon()",
        "rectangle()"
      ]
    },
    "text-decoration-skip": {
      "values": [
        "edges",
        "ink",
        "none",
        "objects",
        "spaces"
      ]
    },
    "text-emphasis": {
      "values": []
    },
    "text-emphasis-color": {
      "values": [],
      "type": "color"
    },
    "text-emphasis-position": {
      "values": [
        "above",
        "below",
        "left",
        "right"
      ]
    },
    "text-emphasis-style": {
      "values": [
        "circle",
        "dot",
        "double-circle",
        "filled",
        "none",
        "open",
        "sesame",
        "triangle"
      ]
    }
  },
  "pseudoSelectors": {
    "::after": {
      "description": "Matches a virtual last child of the selected element."
    },
    "::before": {
      "description": "Creates a pseudo-element that is the first child of the element matched."
    },
    "::first-letter": {
      "description": "Matches the first letter of the first line of a block, if it is not preceded by any other content."
    },
    "::first-line": {
      "description": "Applies styles only to the first line of an element."
    },
    "::selection": {
      "description": "Applies rules to the portion of a document that has been highlighted."
    },
    ":active": {
      "description": "Matches when an element is being activated by the user."
    },
    ":checked": {
      "description": "Matches any radio input, checkbox input or option element that is checked or toggled to an on state."
    },
    ":default": {
      "description": "Matches any user interface element that is the default among a group of similar elements"
    },
    ":dir": {
      "argument": "direction",
      "description": "Matches elements based on the directionality of the text contained in it."
    },
    ":disabled": {
      "description": "Matches any disabled element."
    },
    ":empty": {
      "description": "Matches any element that has no children at all."
    },
    ":enabled": {
      "description": "Matches any enabled element."
    },
    ":first": {
      "description": "Describes the styling of the first page when printing a document."
    },
    ":first-child": {
      "description": "Matches any element that is the first child element of its parent."
    },
    ":first-of-type": {
      "description": "Matches the first sibling of its type in the list of children of its parent element."
    },
    ":focus": {
      "description": "Matches an element that has focus."
    },
    ":fullscreen": {
      "description": "Applies to any element that's currently being displayed in full-screen mode."
    },
    ":hover": {
      "description": "Matches when the user designates an element with a pointing device, but does not necessarily activate it."
    },
    ":indeterminate": {
      "description": "Matches any checkbox input whose indeterminate DOM property is set to true by JavaScript."
    },
    ":invalid": {
      "description": "Matches any <input> or <form> element whose content fails to validate according to the input's type setting."
    },
    ":lang": {
      "argument": "language",
      "description": "Matches elements based on the language the element is determined to be in."
    },
    ":last-child": {
      "description": "Matches any element that is the last child element of its parent."
    },
    ":last-of-type": {
      "description": "Matches the last sibling with the given element name in the list of children of its parent element."
    },
    ":left": {
      "description": "Matches any left page when printing a page."
    },
    ":link": {
      "description": "Matches links inside elements."
    },
    ":not": {
      "argument": "selector",
      "description": "Matches an element that is not represented by the argument."
    },
    ":nth-child": {
      "argument": "an+b",
      "description": "Matches an element that has an+b-1 siblings before it in the document tree."
    },
    ":nth-last-child": {
      "argument": "an+b",
      "description": "Matches an element that has an+b-1 siblings after it in the document tree."
    },
    ":nth-last-of-type": {
      "argument": "an+b",
      "description": "Matches an element that has an+b-1 siblings with the same element name after it in the document tree."
    },
    ":nth-of-type": {
      "argument": "an+b",
      "description": "Matches an element that has an+b-1 siblings with the same element name before it in the document tree"
    },
    ":only-child": {
      "description": "Matches any element which is the only child of its parent."
    },
    ":only-of-type": {
      "description": "Matches any element that has no siblings of the given type."
    },
    ":optional": {
      "description": "Matches any <input> element that does not have the required attribute set on it."
    },
    ":out-of-range": {
      "description": "Matches when an element has its value attribute outside the specified range limitations for this element."
    },
    ":read-only": {
      "description": "Matches when an element is not writable by the user."
    },
    ":read-write": {
      "description": "Matches when an element is editable by user like text input element."
    },
    ":required": {
      "description": "Matches any <input> element that has the required attribute set on it."
    },
    ":right": {
      "description": "Matches any right page when printing a page. It allows to describe the styling of right-side page."
    },
    ":root": {
      "description": "Matches the root element of a tree representing the document."
    },
    ":scope": {
      "description": "Matches the elements that are a reference point for selectors to match against."
    },
    ":target": {
      "description": "Matches the unique element, if any, with an id matching the fragment identifier of the URI of the document."
    },
    ":valid": {
      "description": "Matches any <input> or <form> element whose content validates correctly according to the input's type setting"
    },
    ":visited": {
      "description": "Matches links that have been visited."
    }
  }
}