diff options
Diffstat (limited to 'layout/reftests/border-image/svg-as-border-image-4a.html')
| -rw-r--r-- | layout/reftests/border-image/svg-as-border-image-4a.html | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/layout/reftests/border-image/svg-as-border-image-4a.html b/layout/reftests/border-image/svg-as-border-image-4a.html new file mode 100644 index 0000000000..ec4f54e61a --- /dev/null +++ b/layout/reftests/border-image/svg-as-border-image-4a.html @@ -0,0 +1,33 @@ +<html class="reftest-wait"> +<head> +<title>test of svg-as-border-image</title> +<style type="text/css"> +div { + width: 400px; + height: 100px; + margin: 30px; + border-width: 30px; + border-style: solid; +} +#border5p { + border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch; +} +#border25p { + border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 25% stretch; +} +</style> +<script> +function resizeDiv() { + document.getElementById('border5p').style.width = '100px'; + document.getElementById('border25p').style.width = '100px'; + document.documentElement.removeAttribute('class'); +} + +document.addEventListener('MozReftestInvalidate', resizeDiv); +</script> +</head> +<body> +<div id="border5p"></div> +<div id="border25p"></div> +</body> +</html> |