{ "caniuse": [ "css-background-offsets", "background-position-x-y" ], "compat_features": [ "css.properties.background-position", "css.properties.background-position-x", "css.properties.background-position-x.side-relative_values", "css.properties.background-position-y", "css.properties.background-position-y.side-relative_values", "css.properties.background-position.bottom", "css.properties.background-position.center", "css.properties.background-position.left", "css.properties.background-position.multiple_backgrounds", "css.properties.background-position.right", "css.properties.background-position.side-relative_values", "css.properties.background-position.top" ], "description": "The background-position CSS property offsets the initial position of background images relative to the background origin.", "description_html": "The background-position CSS property offsets the initial position of background images relative to the background origin.", "group": [ "background" ], "kind": "feature", "name": "background-position", "spec": [ "https://drafts.csswg.org/css-backgrounds-3/#background-position" ], "status": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "by_compat_key": { "css.properties.background-position": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "1", "firefox_android": "4", "safari": "1", "safari_ios": "1" } }, "css.properties.background-position-x": { "baseline": "high", "baseline_high_date": "2019-03-20", "baseline_low_date": "2016-09-20", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "49", "firefox_android": "49", "safari": "1", "safari_ios": "1" } }, "css.properties.background-position-x.side-relative_values": { "baseline": "low", "baseline_low_date": "2026-01-21", "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "49", "firefox_android": "49", "safari": "15.4", "safari_ios": "15.4" } }, "css.properties.background-position-y": { "baseline": "high", "baseline_high_date": "2019-03-20", "baseline_low_date": "2016-09-20", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "49", "firefox_android": "49", "safari": "1", "safari_ios": "1" } }, "css.properties.background-position-y.side-relative_values": { "baseline": "low", "baseline_low_date": "2026-01-21", "support": { "chrome": "144", "chrome_android": "144", "edge": "144", "firefox": "49", "firefox_android": "49", "safari": "15.4", "safari_ios": "15.4" } }, "css.properties.background-position.bottom": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "1", "chrome_android": "18", "edge": "79", "firefox": "1", "firefox_android": "4", "safari": "1", "safari_ios": "1" } }, "css.properties.background-position.center": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "1", "chrome_android": "18", "edge": "79", "firefox": "1", "firefox_android": "4", "safari": "1", "safari_ios": "1" } }, "css.properties.background-position.left": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "1", "chrome_android": "18", "edge": "79", "firefox": "1", "firefox_android": "4", "safari": "1", "safari_ios": "1" } }, "css.properties.background-position.multiple_backgrounds": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "1", "chrome_android": "18", "edge": "12", "firefox": "3.6", "firefox_android": "4", "safari": "1.3", "safari_ios": "1" } }, "css.properties.background-position.right": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "1", "chrome_android": "18", "edge": "79", "firefox": "1", "firefox_android": "4", "safari": "1", "safari_ios": "1" } }, "css.properties.background-position.side-relative_values": { "baseline": "high", "baseline_high_date": "2018-01-29", "baseline_low_date": "2015-07-29", "support": { "chrome": "25", "chrome_android": "25", "edge": "12", "firefox": "13", "firefox_android": "14", "safari": "7", "safari_ios": "7" } }, "css.properties.background-position.top": { "baseline": "high", "baseline_high_date": "2022-07-15", "baseline_low_date": "2020-01-15", "support": { "chrome": "1", "chrome_android": "18", "edge": "79", "firefox": "1", "firefox_android": "4", "safari": "1", "safari_ios": "1" } } }, "support": { "chrome": "25", "chrome_android": "25", "edge": "12", "firefox": "13", "firefox_android": "14", "safari": "7", "safari_ios": "7" } }, "id": "background-position", "groups": [ "background" ], "specs": [ { "url": "https://drafts.csswg.org/css-backgrounds-3/#background-position", "seriesComposition": "full", "shortname": "css-backgrounds-3", "series": { "shortname": "css-backgrounds", "currentSpecification": "css-backgrounds-3", "title": "CSS Backgrounds and Borders", "shortTitle": "CSS Backgrounds", "releaseUrl": "https://www.w3.org/TR/css-backgrounds/", "nightlyUrl": "https://drafts.csswg.org/css-backgrounds/" }, "seriesVersion": "3", "shortTitle": "CSS Backgrounds 3", "seriesNext": "css-backgrounds-4", "organization": "W3C", "groups": [ { "name": "Cascading Style Sheets (CSS) Working Group", "url": "https://www.w3.org/groups/wg/css/" } ], "release": { "url": "https://www.w3.org/TR/css-backgrounds-3/", "status": "Candidate Recommendation Draft", "filename": "Overview.html" }, "nightly": { "url": "https://drafts.csswg.org/css-backgrounds-3/", "status": "Editor's Draft", "alternateUrls": [ "https://w3c.github.io/csswg-drafts/css-backgrounds-3/", "https://w3c.github.io/csswg-drafts/css-backgrounds/" ], "repository": "https://github.com/w3c/csswg-drafts", "sourcePath": "css-backgrounds-3/Overview.bs", "filename": "index.html" }, "title": "CSS Backgrounds and Borders Module Level 3", "source": "w3c", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "css/css-backgrounds" ] }, "fragment": "background-position" } ], "mdnUrls": [ { "slug": "Web/CSS/Reference/Properties/background-position", "title": "`background-position` CSS property", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position" } ], "standardPositions": [], "hasNegativeStandardPosition": false, "stateOfSurveys": [], "chromeUseCounters": {}, "interop": [], "wpt": { "url": "https://wpt.fyi/results?q=feature:background-position" }, "developerSignals": null, "bugs": { "chrome": [ "https://issues.chromium.org/issues/40468636" ] }, "baselineLowDateAsObject": "2015-07-29T00:00:00.000Z", "baselineHighDateAsObject": "2018-01-29T00:00:00.000Z" }