css-sizing-4.json

{
  "spec": {
    "title": "CSS Box Sizing Module Level 4",
    "url": "https://drafts.csswg.org/css-sizing-4/"
  },
  "properties": [
    {
      "name": "width",
      "newValues": "stretch | fit-content | contain",
      "values": [
        {
          "name": "stretch",
          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
          "type": "value",
          "value": "stretch"
        },
        {
          "name": "fit-content",
          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
          "type": "value",
          "value": "fit-content"
        },
        {
          "name": "contain",
          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
          "type": "value",
          "value": "contain"
        }
      ],
      "styleDeclaration": [
        "width"
      ]
    },
    {
      "name": "height",
      "newValues": "stretch | fit-content | contain",
      "values": [
        {
          "name": "stretch",
          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
          "type": "value",
          "value": "stretch"
        },
        {
          "name": "fit-content",
          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
          "type": "value",
          "value": "fit-content"
        },
        {
          "name": "contain",
          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
          "type": "value",
          "value": "contain"
        }
      ],
      "styleDeclaration": [
        "height"
      ]
    },
    {
      "name": "min-width",
      "newValues": "stretch | fit-content | contain",
      "values": [
        {
          "name": "stretch",
          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
          "type": "value",
          "value": "stretch"
        },
        {
          "name": "fit-content",
          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
          "type": "value",
          "value": "fit-content"
        },
        {
          "name": "contain",
          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
          "type": "value",
          "value": "contain"
        }
      ],
      "styleDeclaration": [
        "min-width",
        "minWidth"
      ]
    },
    {
      "name": "min-height",
      "newValues": "stretch | fit-content | contain",
      "values": [
        {
          "name": "stretch",
          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
          "type": "value",
          "value": "stretch"
        },
        {
          "name": "fit-content",
          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
          "type": "value",
          "value": "fit-content"
        },
        {
          "name": "contain",
          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
          "type": "value",
          "value": "contain"
        }
      ],
      "styleDeclaration": [
        "min-height",
        "minHeight"
      ]
    },
    {
      "name": "max-width",
      "newValues": "stretch | fit-content | contain",
      "values": [
        {
          "name": "stretch",
          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
          "type": "value",
          "value": "stretch"
        },
        {
          "name": "fit-content",
          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
          "type": "value",
          "value": "fit-content"
        },
        {
          "name": "contain",
          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
          "type": "value",
          "value": "contain"
        }
      ],
      "styleDeclaration": [
        "max-width",
        "maxWidth"
      ]
    },
    {
      "name": "max-height",
      "newValues": "stretch | fit-content | contain",
      "values": [
        {
          "name": "stretch",
          "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
          "type": "value",
          "value": "stretch"
        },
        {
          "name": "fit-content",
          "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
          "type": "value",
          "value": "fit-content"
        },
        {
          "name": "contain",
          "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
          "type": "value",
          "value": "contain"
        }
      ],
      "styleDeclaration": [
        "max-height",
        "maxHeight"
      ]
    },
    {
      "name": "aspect-ratio",
      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio",
      "value": "auto || <ratio>",
      "initial": "auto",
      "appliesTo": "all elements except inline boxes and internal ruby or table boxes",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "specified keyword or a pair of numbers",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "values": [
        {
          "name": "auto",
          "prose": "Replaced elements with a natural aspect ratio use that aspect ratio; otherwise the box has no preferred aspect ratio. Size calculations involving the aspect ratio work with the content box dimensions always.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-aspect-ratio-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "<ratio>",
          "prose": "The box’s preferred aspect ratio is the specified ratio of width / height. Size calculations involving the aspect ratio work with the dimensions of the box specified by box-sizing. If the <ratio> is degenerate, the property instead behaves as auto.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-aspect-ratio-ratio",
          "type": "value",
          "value": "<ratio>"
        },
        {
          "name": "auto && <ratio>",
          "prose": "If both auto and a <ratio> are specified together, the preferred aspect ratio is the specified ratio of width / height unless it is a replaced element with a natural aspect ratio, in which case that aspect ratio is used instead. In all cases, size calculations involving the aspect ratio work with the content box dimensions always. If the <ratio> is degenerate, the property instead behaves as auto.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-aspect-ratio-auto--ratio",
          "type": "value",
          "value": "auto && <ratio>"
        }
      ],
      "styleDeclaration": [
        "aspect-ratio",
        "aspectRatio"
      ]
    },
    {
      "name": "contain-intrinsic-width",
      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-width",
      "value": "auto? [ none | <length> ]",
      "initial": "none",
      "appliesTo": "elements with size containment",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified, with <length> values computed",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "logicalPropertyGroup": "contain-intrinsic-size",
      "values": [
        {
          "name": "auto",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "none",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-none",
          "type": "value",
          "value": "none"
        }
      ],
      "styleDeclaration": [
        "contain-intrinsic-width",
        "containIntrinsicWidth"
      ]
    },
    {
      "name": "contain-intrinsic-height",
      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-height",
      "value": "auto? [ none | <length> ]",
      "initial": "none",
      "appliesTo": "elements with size containment",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified, with <length> values computed",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "logicalPropertyGroup": "contain-intrinsic-size",
      "values": [
        {
          "name": "auto",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "none",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-none",
          "type": "value",
          "value": "none"
        }
      ],
      "styleDeclaration": [
        "contain-intrinsic-height",
        "containIntrinsicHeight"
      ]
    },
    {
      "name": "contain-intrinsic-block-size",
      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-block-size",
      "value": "auto? [ none | <length> ]",
      "initial": "none",
      "appliesTo": "elements with size containment",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified, with <length> values computed",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "logicalPropertyGroup": "contain-intrinsic-size",
      "values": [
        {
          "name": "auto",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "none",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-none",
          "type": "value",
          "value": "none"
        }
      ],
      "styleDeclaration": [
        "contain-intrinsic-block-size",
        "containIntrinsicBlockSize"
      ]
    },
    {
      "name": "contain-intrinsic-inline-size",
      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-inline-size",
      "value": "auto? [ none | <length> ]",
      "initial": "none",
      "appliesTo": "elements with size containment",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified, with <length> values computed",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "logicalPropertyGroup": "contain-intrinsic-size",
      "values": [
        {
          "name": "auto",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "none",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-none",
          "type": "value",
          "value": "none"
        }
      ],
      "styleDeclaration": [
        "contain-intrinsic-inline-size",
        "containIntrinsicInlineSize"
      ]
    },
    {
      "name": "contain-intrinsic-size",
      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-size",
      "value": "[ auto? [ none | <length> ] ]{1,2}",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "values": [
        {
          "name": "auto",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-auto",
          "type": "value",
          "value": "auto"
        },
        {
          "name": "none",
          "prose": "If auto is specified and the element has a last remembered size and is currently skipping its contents, its explicit intrinsic inner size in the corresponding axis is the last remembered size in that axis. Otherwise, the corresponding axis either doesn’t have an explicit intrinsic inner size (if none is specified) or has an explicit intrinsic inner size of the specified <length>.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-contain-intrinsic-width-none",
          "type": "value",
          "value": "none"
        }
      ],
      "styleDeclaration": [
        "contain-intrinsic-size",
        "containIntrinsicSize"
      ]
    },
    {
      "name": "min-intrinsic-sizing",
      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-min-intrinsic-sizing",
      "value": "legacy | zero-if-scroll || zero-if-extrinsic",
      "initial": "legacy",
      "appliesTo": "all elements except inline boxes",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "values": [
        {
          "name": "legacy",
          "prose": "The box’s min-content contribution is handled as normal.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-min-intrinsic-sizing-legacy",
          "type": "value",
          "value": "legacy"
        },
        {
          "name": "zero-if-scroll",
          "prose": "The box’s min-content contribution is “compressed” if it is a scroll container.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-min-intrinsic-sizing-zero-if-scroll",
          "type": "value",
          "value": "zero-if-scroll"
        },
        {
          "name": "zero-if-extrinsic",
          "prose": "The box’s min-content contribution is “compressed” if has an extrinsic preferred or maximum size.",
          "href": "https://drafts.csswg.org/css-sizing-4/#valdef-min-intrinsic-sizing-zero-if-extrinsic",
          "type": "value",
          "value": "zero-if-extrinsic"
        }
      ],
      "styleDeclaration": [
        "min-intrinsic-sizing",
        "minIntrinsicSizing"
      ]
    }
  ],
  "atrules": [],
  "selectors": [],
  "values": [],
  "warnings": [
    {
      "msg": "Dangling value",
      "name": "stretch",
      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
      "type": "value",
      "value": "stretch",
      "for": "inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "stretch",
      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
      "type": "value",
      "value": "stretch",
      "for": "block-size"
    },
    {
      "msg": "Dangling value",
      "name": "stretch",
      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
      "type": "value",
      "value": "stretch",
      "for": "min-inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "stretch",
      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
      "type": "value",
      "value": "stretch",
      "for": "min-block-size"
    },
    {
      "msg": "Dangling value",
      "name": "stretch",
      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
      "type": "value",
      "value": "stretch",
      "for": "max-inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "stretch",
      "prose": "Applies stretch-fit sizing, attempting to match the size of the box’s margin box to the size of its containing block. See § 6.1 Stretch-fit Sizing: filling the containing block.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch",
      "type": "value",
      "value": "stretch",
      "for": "max-block-size"
    },
    {
      "msg": "Dangling value",
      "name": "fit-content",
      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
      "type": "value",
      "value": "fit-content",
      "for": "inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "fit-content",
      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
      "type": "value",
      "value": "fit-content",
      "for": "block-size"
    },
    {
      "msg": "Dangling value",
      "name": "fit-content",
      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
      "type": "value",
      "value": "fit-content",
      "for": "min-inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "fit-content",
      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
      "type": "value",
      "value": "fit-content",
      "for": "min-block-size"
    },
    {
      "msg": "Dangling value",
      "name": "fit-content",
      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
      "type": "value",
      "value": "fit-content",
      "for": "max-inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "fit-content",
      "prose": "Essentially fit-content(stretch) i.e. min(max-content, max(min-content, stretch)).",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content",
      "type": "value",
      "value": "fit-content",
      "for": "max-block-size"
    },
    {
      "msg": "Dangling value",
      "name": "contain",
      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
      "type": "value",
      "value": "contain",
      "for": "inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "contain",
      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
      "type": "value",
      "value": "contain",
      "for": "block-size"
    },
    {
      "msg": "Dangling value",
      "name": "contain",
      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
      "type": "value",
      "value": "contain",
      "for": "min-inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "contain",
      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
      "type": "value",
      "value": "contain",
      "for": "min-block-size"
    },
    {
      "msg": "Dangling value",
      "name": "contain",
      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
      "type": "value",
      "value": "contain",
      "for": "max-inline-size"
    },
    {
      "msg": "Dangling value",
      "name": "contain",
      "prose": "If the box has a preferred aspect ratio, applies contain-fit sizing, attempting to fit into the box’s constraints while maintaining its preferred aspect ratio insofar as possible. See § 6.2 Contain-fit Sizing: stretching while maintaining an aspect ratio. If the box has no preferred aspect ratio, applies stretch-fit sizing.",
      "href": "https://drafts.csswg.org/css-sizing-4/#valdef-width-contain",
      "type": "value",
      "value": "contain",
      "for": "max-block-size"
    }
  ]
}