cssbox-initial.html (862B)
1 <!DOCTYPE html> 2 <title>transform-box: initial (CSS layout)</title> 3 <link rel="match" href="./reference/cssbox-ref.html"> 4 <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-box"> 5 <meta name="assert" content="This should display a square with a black bar at the top whose top-left corner is at 100,100."/> 6 7 <style> 8 #target { 9 width: 150px; 10 height: 200px; 11 margin-left: 300px; 12 margin-top: 100px; 13 background-color: green; 14 border-left: solid 50px black; 15 16 transform: rotate(90deg); 17 transform-origin: 0 0; 18 } 19 </style> 20 21 <div id="target"></div> 22 23 <div id="error"></div> 24 <script> 25 var refStyle = "view-box"; 26 var compStyle = getComputedStyle(document.getElementById('target')).transformBox; 27 if (refStyle != compStyle) 28 document.getElementById('error').textContent = "Error, got computed style " + compStyle; 29 </script>