css-overflow.json

{
  "spec": {
    "title": "CSS Overflow Module Level 3",
    "url": "https://www.w3.org/TR/css-overflow-3/"
  },
  "properties": {
    "overflow-x": {
      "name": "overflow-x",
      "value": "visible | hidden | clip | scroll | auto",
      "initial": "visible",
      "appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], and grid containers [CSS3-GRID-LAYOUT]",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "as specified, except with visible/clip computing to auto/hidden (respectively) if one of overflow-x or overflow-y is neither visible nor clip",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "overflow-x",
        "overflowX"
      ]
    },
    "overflow-y": {
      "name": "overflow-y",
      "value": "visible | hidden | clip | scroll | auto",
      "initial": "visible",
      "appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], and grid containers [CSS3-GRID-LAYOUT]",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "as specified, except with visible/clip computing to auto/hidden (respectively) if one of overflow-x or overflow-y is neither visible nor clip",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "overflow-y",
        "overflowY"
      ]
    },
    "overflow": {
      "name": "overflow",
      "value": "[ visible | hidden | clip | scroll | auto ]{1,2}",
      "initial": "visible",
      "appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], and grid containers [CSS3-GRID-LAYOUT]",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "discrete",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "overflow"
      ]
    },
    "overflow-clip-margin": {
      "name": "overflow-clip-margin",
      "value": "<length [0,∞]>",
      "initial": "0px",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the computed <length>",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "overflow-clip-margin",
        "overflowClipMargin"
      ]
    },
    "overflow-inline": {
      "name": "overflow-inline",
      "value": "<'overflow'>",
      "initial": "visible",
      "appliesTo": "Same as overflow-x and overflow-y",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "Same as overflow-x and overflow-y",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "overflow-inline",
        "overflowInline"
      ]
    },
    "overflow-block": {
      "name": "overflow-block",
      "value": "<'overflow'>",
      "initial": "visible",
      "appliesTo": "Same as overflow-x and overflow-y",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "Same as overflow-x and overflow-y",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "overflow-block",
        "overflowBlock"
      ]
    },
    "text-overflow": {
      "name": "text-overflow",
      "value": "clip | ellipsis",
      "initial": "clip",
      "appliesTo": "block containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "text-overflow",
        "textOverflow"
      ]
    },
    "block-ellipsis": {
      "name": "block-ellipsis",
      "value": "none | auto | <string>",
      "initial": "none",
      "appliesTo": "block containers",
      "inherited": "yes",
      "percentages": "N/A",
      "computedValue": "specified value",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "block-ellipsis",
        "blockEllipsis"
      ]
    },
    "line-clamp": {
      "name": "line-clamp",
      "value": "none | <integer> <'block-ellipsis'>?",
      "initial": "none",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "line-clamp",
        "lineClamp"
      ]
    },
    "max-lines": {
      "name": "max-lines",
      "value": "none | <integer>",
      "initial": "none",
      "appliesTo": "block containers which are also fragmentation containers that capture region breaks",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the keyword none or an integer",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "styleDeclaration": [
        "max-lines",
        "maxLines"
      ]
    },
    "continue": {
      "name": "continue",
      "value": "auto | discard",
      "initial": "auto",
      "appliesTo": "block containers and multicol containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "continue"
      ]
    },
    "-webkit-line-clamp": {
      "name": "-webkit-line-clamp",
      "styleDeclaration": [
        "-webkit-line-clamp",
        "WebkitLineClamp",
        "webkitLineClamp"
      ]
    }
  },
  "descriptors": {},
  "valuespaces": {}
}