width.html (662B)
1 <!DOCTYPE html> 2 <title>CSS zoom applies to width when specified and inherited</title> 3 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-viewport/"> 5 <link rel="match" href="width-ref.html"> 6 <style> 7 #parent { 8 width: 100px; 9 background: red; 10 } 11 #child-zoomed { 12 zoom: 2; 13 width: inherit; 14 background: lime; 15 height: 100px; 16 } 17 #child { 18 width: 200px; 19 height: 200px; 20 background: green; 21 } 22 </style> 23 <p>You should see two squares below. One lime, and one green.</p> 24 <div id="parent"> 25 <div id="child-zoomed"></div> 26 <div id="child"></div> 27 </div>