diff options
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht')
| -rw-r--r-- | tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht new file mode 100644 index 00000000000..d9862b20313 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Transforms Test: CSS transforms scale 2 inheritance on div elements</title> + <link href="mailto:gaodl@uw.edu" rel="author" title="Delong Gao" /> + <link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck" /> + <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> + <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> + <!--<link rel="match" href="reference/ttwf-reftest-tutorial-ref.html"> + <meta name="flags" content="svg">--> + <meta content="While child div inherits property from its parent, scaling 2 on parent div will course the child to scale 4 and totally cover the red div. The test passes if there is a green square and no red. " name="assert" /> + <style type="text/css"> + * { + margin: 0; + padding: 0; + } + .red { + position: absolute; + width: 200px; + height: 200px; + background-color: red; + } + .parent { + background: yellow; + width: 50px; + height: 50px; + position: absolute; + top: 75px; + left: 75px; + transform: scale(2); + + } + .child { + position: absolute; + top: 10px; + transform: inherit; + width: 50px; + height: 50px; + background-color: green; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red. </p> + <div class="red"></div> + <div class="parent"> + <div class="child"></div> + </div> + +</body></html>
\ No newline at end of file |