diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html new file mode 100644 index 0000000000..e2ac4ce1b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-1.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test: Propagating width and height attributes of an inline SVG element</title> +<link rel="author" title="Google" href="http://www.google.com/" /> +<link rel="match" href="reference/60x60-green.html"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width"> +<link rel="help" href="http://www.w3.org/TR/SVG11/coords.html#IntrinsicSizing"> +<meta name="flags" content="svg" /> +<meta name="assert" content="The width and the height of 100% on an inline SVG element should be propagated to the CSS properties, +and the aspect ratio within the SVG is preserved when the view box is specified." /> +</head> +<body> +<div style="width: 60px; height: 60px; position: relative; background: red;"> +<div style="position: absolute; left: 15px; top: 0px; width: 30px; height: 60px; background: green;"></div> +<svg viewBox="0 0 100 200" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <rect x="-50%" y="0" width="50%" height="100%" fill="green" /> + <rect x="100%" y="0" width="50%" height="100%" fill="green" /> +</svg> +</div> +</body> +</html> |