зеркало из https://github.com/mozilla/gecko-dev.git
38 строки
1.1 KiB
HTML
38 строки
1.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html class="reftest-wait">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<title>Dynamic change to shape-outside</title>
|
||
|
|
<style>
|
||
|
|
.circle {
|
||
|
|
float: left;
|
||
|
|
border-radius: 50%;
|
||
|
|
width: 25vmin;
|
||
|
|
height: 25vmin;
|
||
|
|
background: #f06;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
function doTest() {
|
||
|
|
let circle = document.querySelector(".circle");
|
||
|
|
circle.style.shapeOutside = "circle()";
|
||
|
|
|
||
|
|
document.documentElement.removeAttribute('class');
|
||
|
|
}
|
||
|
|
document.addEventListener("MozReftestInvalidate", doTest);
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="circle"></div>
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
|
||
|
|
scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta
|
||
|
|
tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem
|
||
|
|
placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean
|
||
|
|
mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam
|
||
|
|
facilisis aliquam elit, ut consequat quam interdum sit amet. Integer
|
||
|
|
bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque
|
||
|
|
tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere
|
||
|
|
enim in tempor imperdiet.
|
||
|
|
</body>
|
||
|
|
</html>
|