diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.html new file mode 100644 index 0000000000..f635d3cd53 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/inline-svg-intrinsic-size-100-percent-2.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 of SVG image should be ignored when the view box is not specified." /> +</head> +<body> +<div style="width: 60px; height: 60px; position: relative;"> +<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <rect x="-50%" y="0" width="50%" height="100%" fill="red" /> + <rect x="0" y="0" width="100%" height="100%" fill="green" /> + <rect x="100%" y="0" width="50%" height="100%" fill="red" /> +</svg> +</div> +</body> +</html> |