css-overflow-4.json

{
  "spec": {
    "title": "CSS Overflow Module Level 4",
    "url": "https://drafts.csswg.org/css-overflow-4/"
  },
  "properties": [
    {
      "name": "overflow-clip-margin-top",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-top",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-top",
        "overflowClipMarginTop"
      ]
    },
    {
      "name": "overflow-clip-margin-right",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-right",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-right",
        "overflowClipMarginRight"
      ]
    },
    {
      "name": "overflow-clip-margin-bottom",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-bottom",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-bottom",
        "overflowClipMarginBottom"
      ]
    },
    {
      "name": "overflow-clip-margin-left",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-left",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-left",
        "overflowClipMarginLeft"
      ]
    },
    {
      "name": "overflow-clip-margin-block-start",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block-start",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-block-start",
        "overflowClipMarginBlockStart"
      ]
    },
    {
      "name": "overflow-clip-margin-inline-start",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline-start",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-inline-start",
        "overflowClipMarginInlineStart"
      ]
    },
    {
      "name": "overflow-clip-margin-block-end",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block-end",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-block-end",
        "overflowClipMarginBlockEnd"
      ]
    },
    {
      "name": "overflow-clip-margin-inline-end",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline-end",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "the computed <length> and a <visual-box> keyword",
      "animationType": "per computed value if the <visual-box> values match; otherwise discrete",
      "canonicalOrder": "per grammar",
      "logicalPropertyGroup": "overflow-clip-margin",
      "styleDeclaration": [
        "overflow-clip-margin-inline-end",
        "overflowClipMarginInlineEnd"
      ]
    },
    {
      "name": "overflow-clip-margin",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "values": [
        {
          "name": "<visual-box>",
          "prose": "Specifies the box edge to use as the overflow clip edge origin, i.e. when the specified offset is zero. If omitted, defaults to padding-box on non-replaced elements, or content-box on replaced elements. Application of overflow-clip-margin to replaced elements is still being worked out. [Issue #7144]",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-overflow-clip-margin-visual-box",
          "type": "value",
          "value": "<visual-box>"
        },
        {
          "name": "<length [0,∞]>",
          "prose": "The specified offset dictates how much the overflow clip edge is expanded from the specified box edge Negative values are invalid. Defaults to zero if omitted.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-overflow-clip-margin-length-0",
          "type": "value",
          "value": "<length [0,∞]>"
        }
      ],
      "styleDeclaration": [
        "overflow-clip-margin",
        "overflowClipMargin"
      ]
    },
    {
      "name": "overflow-clip-margin-inline",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "overflow-clip-margin-inline",
        "overflowClipMarginInline"
      ]
    },
    {
      "name": "overflow-clip-margin-block",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block",
      "value": "<visual-box> || <length [0,∞]>",
      "initial": "0px",
      "appliesTo": "boxes to which overflow applies",
      "inherited": "no",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "overflow-clip-margin-block",
        "overflowClipMarginBlock"
      ]
    },
    {
      "name": "text-overflow",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-text-overflow",
      "value": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
      "initial": "clip",
      "appliesTo": "block containers",
      "inherited": "no",
      "percentages": "refer to the width of the line box",
      "computedValue": "as specified, with lengths made absolute",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "values": [
        {
          "name": "clip",
          "prose": "Clip inline content that overflows its block container element. Characters may be only partially rendered.",
          "href": "https://drafts.csswg.org/css-overflow-4/#overflow-clip",
          "type": "value",
          "value": "clip"
        },
        {
          "name": "ellipsis",
          "prose": "Render an ellipsis character (U+2026) to represent clipped inline content. Implementations may substitute a more language, script, or writing-mode appropriate ellipsis character, or three dots \"...\" if the ellipsis character is unavailable.",
          "href": "https://drafts.csswg.org/css-overflow-4/#overflow-ellipsis",
          "type": "value",
          "value": "ellipsis"
        },
        {
          "name": "fade()",
          "value": "fade( [ <length-percentage> ] )",
          "href": "https://drafts.csswg.org/css-overflow-4/#funcdef-text-overflow-fade",
          "type": "function"
        },
        {
          "name": "fade",
          "prose": "Same as fade(), but the distance over which the fading effect is applied is determined by the UA. 1em is suggested as a reasonable value.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-text-overflow-fade",
          "type": "value",
          "value": "fade"
        }
      ],
      "styleDeclaration": [
        "text-overflow",
        "textOverflow"
      ]
    },
    {
      "name": "block-ellipsis",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-block-ellipsis",
      "value": "none | auto | <string>",
      "initial": "none",
      "appliesTo": "block containers",
      "inherited": "yes",
      "percentages": "N/A",
      "computedValue": "specified value",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "values": [
        {
          "name": "none",
          "prose": "The rendering is unaffected.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-block-ellipsis-none",
          "type": "value",
          "value": "none"
        },
        {
          "name": "auto",
          "prose": "Render an ellipsis character (U+2026)—​or a more typographically-appropriate equivalent—​as the block overflow ellipsis at the end of the affected line box. UAs should use the conventions of the content language, writing system, and writing mode to determine the most appropriate ellipsis string.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-block-ellipsis-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "<string>",
          "prose": "Render the specified string as the block overflow ellipsis at the end of the affected line box. The UA may truncate this string if it is absurdly long.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-block-ellipsis-string",
          "type": "value",
          "value": "<string>"
        }
      ],
      "styleDeclaration": [
        "block-ellipsis",
        "blockEllipsis"
      ]
    },
    {
      "name": "line-clamp",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-line-clamp",
      "value": "none | <integer [1,∞]> || <'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",
      "values": [
        {
          "name": "none",
          "prose": "Sets max-lines to none, continue to auto, and block-ellipsis to none.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-line-clamp-none",
          "type": "value",
          "value": "none"
        },
        {
          "name": "<integer [1,∞]>",
          "prose": "Sets continue to discard if either or both values ares specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-line-clamp-integer-1",
          "type": "value",
          "value": "<integer [1,∞]>"
        },
        {
          "name": "<block-ellipsis>",
          "prose": "Sets continue to discard if either or both values ares specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-line-clamp-block-ellipsis",
          "type": "value",
          "value": "<block-ellipsis>"
        }
      ],
      "styleDeclaration": [
        "line-clamp",
        "lineClamp"
      ]
    },
    {
      "name": "-webkit-line-clamp",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp",
      "value": "none | <integer [1,∞]>",
      "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": [
        "-webkit-line-clamp",
        "WebkitLineClamp",
        "webkitLineClamp"
      ]
    },
    {
      "name": "continue",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-continue",
      "value": "auto | discard | -webkit-discard",
      "initial": "auto",
      "appliesTo": "block containers and multicol containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "values": [
        {
          "name": "-webkit-discard",
          "prose": "The -webkit-discard value behaves identically to discard, except that it only takes effect if the specified value of the display property is -webkit-box or -webkit-inline-box and the value of the -webkit-box-orient property is vertical.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue--webkit-discard",
          "type": "value",
          "value": "-webkit-discard"
        },
        {
          "name": "auto",
          "prose": "If the box has more content than can fit, the excess content is handled according to the usual rules.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "discard",
          "prose": "The box must establish an independent formatting context and becomes a fragmentation container that captures region breaks, if it is not already. [CSS-BREAK-3] Content after the first region break is not rendered (see below). (If the box is a multi-column container, any overflow columns are also not rendered.)",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-discard",
          "type": "value",
          "value": "discard"
        }
      ],
      "styleDeclaration": [
        "continue"
      ]
    },
    {
      "name": "max-lines",
      "href": "https://drafts.csswg.org/css-overflow-4/#propdef-max-lines",
      "value": "none | <integer [1,∞]>",
      "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",
      "values": [
        {
          "name": "none",
          "prose": "Also, if the value of max-lines is not none, a region break is forced after its Nth descendant in-flow line box, where N is the specified value of max-lines. Only lines boxes in the same Block Formatting Context are counted: the contents of descendants that establish independent formatting contexts are skipped over while counting line boxes.",
          "href": "https://drafts.csswg.org/css-overflow-4/#valdef-max-lines-none",
          "type": "value",
          "value": "none"
        }
      ],
      "styleDeclaration": [
        "max-lines",
        "maxLines"
      ]
    }
  ],
  "atrules": [],
  "selectors": [],
  "values": []
}