{
"gutters": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/column-gap.json",
"name": "column-gap",
"slug": "CSS/column-gap",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap",
"summary": "The column-gap CSS property sets the size of the gap (gutter) between an element's columns.",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "1.5"
},
"firefox_android": "mirror",
"ie": {
"version_added": "10"
},
"oculus": "mirror",
"opera": {
"version_added": "11.1"
},
"opera_android": {
"version_added": "11.1"
},
"safari": {
"version_added": "3"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "column-gap"
}
],
"propdef-grid-area": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-area.json",
"name": "grid-area",
"slug": "CSS/grid-area",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area",
"summary": "The grid-area CSS shorthand property specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-area"
}
],
"auto-tracks": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-auto-columns.json",
"name": "grid-auto-columns",
"slug": "CSS/grid-auto-columns",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns",
"summary": "The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": [
{
"version_added": "70"
},
{
"version_added": "52",
"version_removed": "70",
"partial_implementation": true,
"notes": "Does not accept multiple track-size values. See bug 1339672."
}
],
"firefox_android": "mirror",
"ie": {
"version_added": "10",
"alternative_name": "-ms-grid-columns"
},
"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": "grid-auto-columns"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-auto-rows.json",
"name": "grid-auto-rows",
"slug": "CSS/grid-auto-rows",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows",
"summary": "The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track or pattern of tracks.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": [
{
"version_added": "70"
},
{
"version_added": "52",
"version_removed": "70",
"partial_implementation": true,
"notes": "Does not accept multiple track-size values. See bug 1339672."
}
],
"firefox_android": "mirror",
"ie": {
"version_added": "10",
"alternative_name": "-ms-grid-rows"
},
"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": "grid-auto-rows"
}
],
"grid-auto-flow-property": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-auto-flow.json",
"name": "grid-auto-flow",
"slug": "CSS/grid-auto-flow",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow",
"summary": "The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-auto-flow"
}
],
"line-placement": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-column-end.json",
"name": "grid-column-end",
"slug": "CSS/grid-column-end",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end",
"summary": "The grid-column-end CSS property specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-column-end"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-column-start.json",
"name": "grid-column-start",
"slug": "CSS/grid-column-start",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start",
"summary": "The grid-column-start CSS property specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-column-start"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-row-end.json",
"name": "grid-row-end",
"slug": "CSS/grid-row-end",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end",
"summary": "The grid-row-end CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-row-end"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-row-start.json",
"name": "grid-row-start",
"slug": "CSS/grid-row-start",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start",
"summary": "The grid-row-start CSS property specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-row-start"
}
],
"placement-shorthands": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-column.json",
"name": "grid-column",
"slug": "CSS/grid-column",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column",
"summary": "The grid-column CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-column"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-row.json",
"name": "grid-row",
"slug": "CSS/grid-row",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row",
"summary": "The grid-row CSS shorthand property specifies a grid item's size and location within a grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-row"
}
],
"grid-template-areas-property": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-areas.json",
"name": "grid-template-areas",
"slug": "CSS/grid-template-areas",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas",
"summary": "The grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-template-areas"
}
],
"valdef-grid-template-columns-minmax": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-columns.json",
"name": "minmax",
"slug": "CSS/minmax()",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/minmax()",
"summary": "The minmax() CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "minmax()"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-rows.json",
"name": "minmax",
"slug": "CSS/minmax()",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/minmax()",
"summary": "The minmax() CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "minmax()"
}
],
"repeat-notation": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-columns.json",
"name": "repeat",
"slug": "CSS/repeat()",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/repeat()",
"summary": "The repeat() CSS function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": [
{
"version_added": "76"
},
{
"version_added": "57",
"version_removed": "76",
"notes": "repeat(auto-fill, ...) and repeat(auto-fit, ...) only support one repeated column (see bug 1341507).",
"partial_implementation": true
},
{
"version_added": "52",
"version_removed": "57",
"notes": "calc() doesn't work in repeat() (see bug 1350069).",
"partial_implementation": true
}
],
"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": "repeat()"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-rows.json",
"name": "repeat",
"slug": "CSS/repeat()",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/repeat()",
"summary": "The repeat() CSS function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": [
{
"version_added": "76"
},
{
"version_added": "57",
"version_removed": "76",
"notes": "repeat(auto-fill, ...) and repeat(auto-fit, ...) only support one repeated column (see bug 1341507).",
"partial_implementation": true
},
{
"version_added": "52",
"version_removed": "57",
"notes": "calc() doesn't work in repeat() (see bug 1350069).",
"partial_implementation": true
}
],
"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": "repeat()"
}
],
"subgrids": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"needsflag": [
"blink"
],
"filename": "css/properties/grid-template-columns.json",
"name": "subgrid",
"slug": "CSS/CSS_Grid_Layout/Subgrid",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid",
"summary": "Level 2 of the CSS Grid Layout specification includes a subgrid value for grid-template-columns and grid-template-rows. This guide details what subgrid does, and gives some use cases and design patterns that are solved by the feature.",
"support": {
"chrome": {
"version_added": "114",
"impl_url": "https://crbug.com/618969",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "71"
},
"firefox_android": {
"version_added": false
},
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "16"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "114",
"impl_url": "https://crbug.com/618969",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
},
"caniuse": {
"feature": "css-subgrid",
"title": "CSS Subgrid"
},
"title": "Subgrid"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-columns.json",
"name": "grid-template-columns",
"slug": "CSS/grid-template-columns",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns",
"summary": "The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"version_added": "52"
},
"firefox_android": "mirror",
"ie": {
"version_added": "10",
"alternative_name": "-ms-grid-columns"
},
"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"
}
},
"caniuse": {
"feature": "css-subgrid",
"title": "CSS Subgrid"
},
"title": "grid-template-columns"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"needsflag": [
"blink"
],
"filename": "css/properties/grid-template-rows.json",
"name": "subgrid",
"slug": "CSS/CSS_Grid_Layout/Subgrid",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid",
"summary": "Level 2 of the CSS Grid Layout specification includes a subgrid value for grid-template-columns and grid-template-rows. This guide details what subgrid does, and gives some use cases and design patterns that are solved by the feature.",
"support": {
"chrome": {
"version_added": "114",
"impl_url": "https://crbug.com/618969",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "71"
},
"firefox_android": {
"version_added": false
},
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": "16"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "114",
"impl_url": "https://crbug.com/618969",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
},
"caniuse": {
"feature": "css-subgrid",
"title": "CSS Subgrid"
},
"title": "Subgrid"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-rows.json",
"name": "grid-template-rows",
"slug": "CSS/grid-template-rows",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows",
"summary": "The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"version_added": "52"
},
"firefox_android": "mirror",
"ie": {
"version_added": "10",
"alternative_name": "-ms-grid-rows"
},
"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"
}
},
"caniuse": {
"feature": "css-subgrid",
"title": "CSS Subgrid"
},
"title": "grid-template-rows"
}
],
"track-sizing": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-columns.json",
"name": "grid-template-columns",
"slug": "CSS/grid-template-columns",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns",
"summary": "The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"version_added": "52"
},
"firefox_android": "mirror",
"ie": {
"version_added": "10",
"alternative_name": "-ms-grid-columns"
},
"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": "grid-template-columns"
},
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template-rows.json",
"name": "grid-template-rows",
"slug": "CSS/grid-template-rows",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows",
"summary": "The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"version_added": "52"
},
"firefox_android": "mirror",
"ie": {
"version_added": "10",
"alternative_name": "-ms-grid-rows"
},
"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": "grid-template-rows"
}
],
"explicit-grid-shorthand": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid-template.json",
"name": "grid-template",
"slug": "CSS/grid-template",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template",
"summary": "The grid-template CSS property is a shorthand property for defining grid columns, grid rows, and grid areas.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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": "grid-template"
}
],
"grid-shorthand": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/properties/grid.json",
"name": "grid",
"slug": "CSS/grid",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid",
"summary": "The grid CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration.",
"support": {
"chrome": {
"version_added": "57"
},
"chrome_android": "mirror",
"edge": {
"version_added": "16"
},
"firefox": {
"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",
"notes": "This was added early so is out of sync with the equivalent Chromium version."
},
"webview_android": "mirror",
"edge_blink": {
"version_added": "79"
}
},
"title": "grid"
}
],
"fr-unit": [
{
"engines": [
"blink",
"gecko",
"webkit"
],
"filename": "css/types/flex.json",
"name": "flex",
"slug": "CSS/flex_value",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex_value",
"summary": "The CSS data type denotes a flexible length within a grid container. It is used in grid-template-columns, grid-template-rows and other related properties.",
"support": {
"chrome": {
"version_added": "29"
},
"chrome_android": "mirror",
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "40"
},
"firefox_android": "mirror",
"ie": {
"version_added": "10"
},
"oculus": "mirror",
"opera": {
"version_added": "28"
},
"opera_android": {
"version_added": "28"
},
"safari": {
"version_added": "10.1"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": {
"version_added": "57"
},
"edge_blink": {
"version_added": "79"
}
},
"title": ""
}
]
}