{
    "align-justify-content": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/align-content.json",
            "name": "align-content",
            "slug": "CSS/align-content",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-content",
            "summary": "The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "28"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "align-content"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/justify-content.json",
            "name": "justify-content",
            "slug": "CSS/justify-content",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content",
            "summary": "The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "12.1"
                },
                "opera_android": {
                    "version_added": "12.1"
                },
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "justify-content"
        }
    ],
    "align-items-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/align-items.json",
            "name": "align-items",
            "slug": "CSS/align-items",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-items",
            "summary": "The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "align-items"
        }
    ],
    "align-self-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/align-self.json",
            "name": "align-self",
            "slug": "CSS/align-self",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-self",
            "summary": "The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "12.1"
                },
                "opera_android": {
                    "version_added": "12.1"
                },
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "align-self"
        }
    ],
    "column-row-gap": [
        {
            "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"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/row-gap.json",
            "name": "row-gap",
            "slug": "CSS/row-gap",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap",
            "summary": "The row-gap CSS property sets the size of the gap (gutter) between an element's rows.",
            "support": {
                "chrome": {
                    "version_added": "47"
                },
                "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": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "row-gap"
        }
    ],
    "gap-shorthand": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/gap.json",
            "name": "gap",
            "slug": "CSS/gap",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/gap",
            "summary": "The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.",
            "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": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "gap"
        }
    ],
    "justify-items-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/justify-items.json",
            "name": "justify-items",
            "slug": "CSS/justify-items",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items",
            "summary": "The CSS justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.",
            "support": {
                "chrome": {
                    "version_added": "52"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "20"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "12.1"
                },
                "opera_android": {
                    "version_added": "12.1"
                },
                "safari": {
                    "version_added": "9"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "justify-items"
        }
    ],
    "justify-self-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/justify-self.json",
            "name": "justify-self",
            "slug": "CSS/justify-self",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self",
            "summary": "The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.",
            "support": {
                "chrome": {
                    "version_added": "57"
                },
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "16"
                },
                "firefox": {
                    "version_added": "45"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10"
                },
                "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": "justify-self"
        }
    ],
    "place-content": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/place-content.json",
            "name": "place-content",
            "slug": "CSS/place-content",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/place-content",
            "summary": "The place-content CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content and justify-content properties) in a relevant layout system such as Grid or Flexbox.",
            "support": {
                "chrome": {
                    "version_added": "59"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "45"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "9"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "place-content"
        }
    ],
    "place-items-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/place-items.json",
            "name": "place-items",
            "slug": "CSS/place-items",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/place-items",
            "summary": "The CSS place-items shorthand property allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.",
            "support": {
                "chrome": {
                    "version_added": "59"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "45"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "11"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "place-items"
        }
    ],
    "place-self-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/place-self.json",
            "name": "place-self",
            "slug": "CSS/place-self",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/place-self",
            "summary": "The place-self CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the align-self and justify-self properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.",
            "support": {
                "chrome": {
                    "version_added": "59"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "45"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "11"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "title": "place-self"
        }
    ]
}
