ladybird/Tests/LibWeb/Text/input/position-serialization.html

25 lines
811 B
HTML

<!DOCTYPE html>
<script src="include.js"></script>
<div id="target"></div>
<script>
test(() => {
const values = [
"center",
"left bottom",
"center top",
"center top 20%",
"left 10px top 20%",
"10px top",
"right 10px bottom 20%",
"center, left bottom",
"left 10px bottom 20%, right 10px top 20%"
];
const target = document.getElementById('target');
for (const value of values) {
target.style.setProperty("background-position", value);
println("inline: " + target.style.getPropertyValue("background-position"));
println("computed: " + getComputedStyle(target).getPropertyValue("background-position"));
}
});
</script>