32 lines
892 B
HTML
32 lines
892 B
HTML
<!DOCTYPE html>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<style>
|
|
#control {
|
|
margin-left: 33%;
|
|
margin-top: 10%;
|
|
margin-right: 45%;
|
|
margin-bottom: 69%;
|
|
}
|
|
#calc {
|
|
margin-left: calc(33%);
|
|
margin-top: calc(10%);
|
|
margin-right: calc(45%);
|
|
margin-bottom: calc(69%);
|
|
}
|
|
</style>
|
|
<div id="control"></div>
|
|
<div id="calc"></div>
|
|
<script>
|
|
function test(prop) {
|
|
shouldEvaluateTo("getComputedStyle(document.getElementById('calc'), null).getPropertyValue('" + prop + "')", "getComputedStyle(document.getElementById('control', null)).getPropertyValue('" + prop + "')");
|
|
}
|
|
|
|
description("Tests calling getPropertyValue on computed margin styles involving CSS calc");
|
|
|
|
test('margin-left');
|
|
test('margin-top');
|
|
test('margin-right');
|
|
test('margin-bottom');
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|