cssbox-content-box-002.html (705B)
1 <!DOCTYPE html> 2 <title>transform-box: content-box (CSS layout), percentage padding</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 <style> 7 #target { 8 width: 125px; 9 height: 200px; 10 margin-left: 300px; 11 margin-top: 100px; 12 padding-left: 25%; 13 background-color: green; 14 border-left: solid 50px black; 15 16 transform: rotate(90deg); 17 transform-origin: -75px 0; 18 transform-box: content-box; 19 } 20 </style> 21 <div style="width: 100px"> 22 <div id="target"></div> 23 </div>