{
"box-sizing": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/box-sizing.json",
"name": "box-sizing",
"slug": "CSS/box-sizing",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing",
"summary": "The box-sizing CSS property sets how the total width and height of an element is calculated.",
"support": {
"chrome": [
{
"version_added": "10",
"notes": "box-sizing is not respected when the height is calculated from window.getComputedStyle()."
},
{
"prefix": "-webkit-",
"version_added": "1"
}
],
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "29"
},
{
"prefix": "-webkit-",
"version_added": "49"
},
{
"prefix": "-moz-",
"version_added": "1",
"notes": "Before Firefox 23, box-sizing is not respected when the height is calculated from window.getComputedStyle()."
}
],
"firefox_android": "mirror",
"ie": {
"version_added": "8",
"notes": "box-sizing is not respected when the height is calculated from window.getComputedStyle()."
},
"oculus": "mirror",
"opera": {
"version_added": "7"
},
"opera_android": "mirror",
"safari": [
{
"version_added": "5.1"
},
{
"prefix": "-webkit-",
"version_added": "3"
}
],
"safari_ios": [
{
"version_added": "6"
},
{
"prefix": "-webkit-",
"version_added": "1"
}
],
"samsunginternet_android": "mirror",
"webview_android": [
{
"version_added": "4",
"notes": "box-sizing is not respected when the height is calculated from window.getComputedStyle()."
},
{
"prefix": "-webkit-",
"version_added": "2"
}
],
"edge_blink": [
{
"version_added": "79",
"notes": "box-sizing is not respected when the height is calculated from window.getComputedStyle()."
},
{
"prefix": "-webkit-",
"version_added": "79"
}
]
},
"caniuse": {
"feature": "css3-boxsizing",
"title": "CSS3 Box-sizing"
},
"title": "box-sizing"
}
],
"column-sizing": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/column-width.json",
"name": "column-width",
"slug": "CSS/column-width",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/column-width",
"summary": "The column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.",
"support": {
"chrome": [
{
"version_added": "50"
},
{
"prefix": "-webkit-",
"version_added": "1"
}
],
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "50"
},
{
"prefix": "-moz-",
"version_added": "1.5",
"version_removed": "74",
"notes": "Before version 37, multiple columns didn't work with display: table-caption elements."
}
],
"firefox_android": [
{
"version_added": "50"
},
{
"prefix": "-moz-",
"version_added": "4",
"notes": "Before version 37, multiple columns didn't work with display: table-caption elements."
}
],
"ie": {
"version_added": "10"
},
"oculus": "mirror",
"opera": [
{
"version_added": "11.1"
},
{
"prefix": "-webkit-",
"version_added": "15"
}
],
"opera_android": [
{
"version_added": "11.1"
},
{
"prefix": "-webkit-",
"version_added": "15"
}
],
"safari": [
{
"version_added": "9"
},
{
"prefix": "-webkit-",
"version_added": "3"
}
],
"safari_ios": [
{
"version_added": "9"
},
{
"prefix": "-webkit-",
"version_added": "1"
}
],
"samsunginternet_android": "mirror",
"webview_android": [
{
"version_added": "50"
},
{
"prefix": "-webkit-",
"version_added": "37"
}
],
"edge_blink": [
{
"version_added": "79"
},
{
"prefix": "-webkit-",
"version_added": "79"
}
]
},
"title": "column-width"
}
],
"preferred-size-properties": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/height.json",
"name": "height",
"slug": "CSS/height",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/height",
"summary": "The height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines the height 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": "7"
},
"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": "height"
}
],
"width-height-keywords": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/min-height.json",
"name": "min-height",
"slug": "CSS/min-height",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/min-height",
"summary": "The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "3",
"notes": "CSS 2.1 leaves the behavior of min-height with table undefined. Firefox supports applying min-height to table elements."
},
"firefox_android": "mirror",
"ie": {
"version_added": "7",
"notes": "In Internet Explorer 10 and 11, a min-height declaration on a column-direction flex container doesn't apply to the container's flex items. See Flexbug #3 for more info."
},
"oculus": "mirror",
"opera": {
"version_added": "4",
"notes": "CSS 2.1 leaves the behavior of min-height with table undefined. Opera supports applying min-height to table elements."
},
"opera_android": "mirror",
"safari": {
"version_added": "1.3"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "min-height"
}
],
"min-size-properties": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/min-width.json",
"name": "min-width",
"slug": "CSS/min-width",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/min-width",
"summary": "The min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-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 min-width with table undefined. Firefox supports applying min-width to table elements."
},
"firefox_android": "mirror",
"ie": {
"version_added": "7"
},
"oculus": "mirror",
"opera": {
"version_added": "4",
"notes": "CSS 2.1 leaves the behavior of min-width with table undefined. Opera supports applying min-width to table elements."
},
"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": "min-width"
}
]
}