| <!DOCTYPE html> |
| |
| <html> |
| <head> |
| <style> |
| |
| div#test { |
| zoom: 0.5; |
| width: 140px; |
| display: block; |
| } |
| |
| span { |
| background-color: lime; |
| float: left; |
| width: 68px; |
| border: 1.0px solid lime; |
| } |
| |
| </style> |
| <body> |
| |
| <div id=test> |
| <span id=measure>Shouldn't</span> |
| <span>wrap</span> |
| </div> |
| |
| <div style="clear: both" id=output></div> |
| |
| <script> |
| var prop = window.getComputedStyle(document.getElementById("measure")).getPropertyValue("border-width"); |
| document.getElementById("output").innerHTML = "The border width should be 1px, reported as: " + prop; |
| </script> |
| </body> |
| </html> |
| |