<!DOCTYPE html><html><head><metacharset="utf-8"><title>CSS Backgrounds and Borders Module Level 4: getComputedStyle().backgroundPositionX</title><linkrel="help"href="https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-x"><scriptsrc="/resources/testharness.js"></script><scriptsrc="/resources/testharnessreport.js"></script><scriptsrc="/css/support/computed-testcommon.js"></script><style>#target{font-size:40px;}</style></head><body><divid="target"></div><script>test_computed_value("background-position-x","center","50%");test_computed_value("background-position-x","left","0%");test_computed_value("background-position-x","right","100%");test_computed_value("background-position-x","x-start");test_computed_value("background-position-x","x-end");test_computed_value("background-position-x","-20%");test_computed_value("background-position-x","10px");test_computed_value("background-position-x","0.5em","20px");test_computed_value("background-position-x","calc(10px - 0.5em)","-10px");test_computed_value("background-position-x","left -20%","-20%");test_computed_value("background-position-x","right -10px","calc(100% + 10px)");test_computed_value("background-position-x","-20%, 10px","-20%");test_computed_value("background-position-x","center, left, right","50%");test_computed_value("background-position-x","0.5em, x-start, x-end","20px");// See background-computed.html for a test with multiple background images.test_computed_value("background-position-x","calc(10px - 0.5em), -20%, 10px","-10px");test_computed_value("background-position-x","calc(10px - 0.5em), left -20%, right 10px","-10px");</script></body></html>
