css-display.json

{
  "spec": {
    "title": "CSS Display Module Level 3",
    "url": "https://www.w3.org/TR/css-display-3/"
  },
  "properties": {
    "display": {
      "name": "display",
      "value": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
      "initial": "inline",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see prose in a variety of specs",
      "canonicalOrder": "per grammar",
      "animationType": "not animatable",
      "styleDeclaration": [
        "display"
      ]
    }
  },
  "descriptors": {},
  "valuespaces": {
    "<display-outside>": {
      "value": "block | inline | run-in"
    },
    "<display-inside>": {
      "value": "flow | flow-root | table | flex | grid | ruby"
    },
    "<display-listitem>": {
      "value": "<display-outside>? && [ flow | flow-root ]? && list-item"
    },
    "<display-internal>": {
      "value": "table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container"
    },
    "<display-box>": {
      "value": "contents | none"
    },
    "<display-legacy>": {
      "value": "inline-block | inline-table | inline-flex | inline-grid"
    }
  }
}