{
    "aspect-ratio": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/aspect-ratio.json",
            "name": "aspect-ratio",
            "slug": "CSS/aspect-ratio",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio",
            "summary": "The aspect-ratio CSS property allows you to define the desired width-to-height ratio of an element's box. This means that even if the parent container or viewport size changes, the browser will adjust the element's dimensions to maintain the specified width-to-height ratio. The specified aspect ratio is used in the calculation of auto sizes and some other layout functions.",
            "support": {
                "chrome": {
                    "version_added": "88"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "89"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "15"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "88"
                }
            },
            "title": "aspect-ratio"
        }
    ],
    "propdef-contain-intrinsic-height": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/contain-intrinsic-height.json",
            "name": "contain-intrinsic-height",
            "slug": "CSS/contain-intrinsic-height",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/contain-intrinsic-height",
            "summary": "The contain-intrinsic-length CSS property sets the height of an element that a browser can use for layout when the element is subject to size containment.",
            "support": {
                "chrome": {
                    "version_added": "95"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "107"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "17"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "95"
                }
            },
            "title": "contain-intrinsic-height"
        }
    ],
    "propdef-contain-intrinsic-size": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/contain-intrinsic-size.json",
            "name": "contain-intrinsic-size",
            "slug": "CSS/contain-intrinsic-size",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/contain-intrinsic-size",
            "summary": "The contain-intrinsic-size CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment.",
            "support": {
                "chrome": {
                    "version_added": "83"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "107"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "17"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "83"
                }
            },
            "title": "contain-intrinsic-size"
        }
    ],
    "propdef-contain-intrinsic-width": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/contain-intrinsic-width.json",
            "name": "contain-intrinsic-width",
            "slug": "CSS/contain-intrinsic-width",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/contain-intrinsic-width",
            "summary": "The contain-intrinsic-width CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment.",
            "support": {
                "chrome": {
                    "version_added": "95"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "107"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "17"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "95"
                }
            },
            "title": "contain-intrinsic-width"
        }
    ],
    "sizing-values": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/grid-template-columns.json",
            "name": "fit-content",
            "slug": "CSS/fit-content",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content",
            "summary": "The fit-content behaves as fit-content(stretch). In practice this means that the box will use the available space, but never more than max-content.",
            "support": {
                "chrome": {
                    "version_added": "57"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "16"
                },
                "firefox": [
                    {
                        "version_added": "94"
                    },
                    {
                        "prefix": "-moz-",
                        "version_added": "52"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "10.1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": {
                    "version_added": "6.0"
                },
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "fit-content"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/grid-template-rows.json",
            "name": "fit-content",
            "slug": "CSS/fit-content",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content",
            "summary": "The fit-content behaves as fit-content(stretch). In practice this means that the box will use the available space, but never more than max-content.",
            "support": {
                "chrome": {
                    "version_added": "57"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "16"
                },
                "firefox": [
                    {
                        "version_added": "94"
                    },
                    {
                        "prefix": "-moz-",
                        "version_added": "52"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "10.1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": {
                    "version_added": "6.0"
                },
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "fit-content"
        }
    ],
    "width-height-keywords": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/max-height.json",
            "name": "max-height",
            "slug": "CSS/max-height",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/max-height",
            "summary": "The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height.",
            "support": {
                "chrome": {
                    "version_added": "18"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "1",
                    "notes": "CSS 2.1 leaves the behavior of <code>max-height</code> with <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code>table</code></a> undefined. Firefox supports applying <code>max-height</code> to <code>table</code> elements."
                },
                "firefox_android": {
                    "version_added": "4"
                },
                "ie": {
                    "version_added": "7"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "7",
                    "notes": "CSS 2.1 leaves the behavior of <code>max-height</code> with <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code>table</code></a> undefined. Opera supports applying <code>max-height</code> to <code>table</code> elements."
                },
                "opera_android": "mirror",
                "safari": {
                    "version_added": "1.3"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": {
                    "version_added": "37"
                },
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "max-height"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/max-width.json",
            "name": "max-width",
            "slug": "CSS/max-width",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/max-width",
            "summary": "The max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "1",
                    "notes": "CSS 2.1 leaves the behavior of <code>max-width</code> with <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code>table</code></a> undefined. Firefox supports applying <code>max-width</code> to <code>table</code> elements."
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "7"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "4",
                    "notes": "CSS 2.1 leaves the behavior of <code>max-width</code> with <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code>table</code></a> undefined. Opera supports applying <code>max-width</code> to <code>table</code> elements."
                },
                "opera_android": "mirror",
                "safari": {
                    "version_added": "1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "max-width"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/width.json",
            "name": "width",
            "slug": "CSS/width",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/width",
            "summary": "The width CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area.",
            "support": {
                "chrome": {
                    "version_added": "1"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "1"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "4"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "3.5"
                },
                "opera_android": {
                    "version_added": "10.1"
                },
                "safari": {
                    "version_added": "1"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "width"
        }
    ]
}
