<!DOCTYPE html>
<!--
This test has to be internal because "zoom" property
is not standard and is not supported by all browsers.
-->
<html>
<head>
<title>
CSS Border: width computed value when zoomed
</title>
<link rel="author" title="Traian Captan" href="mailto:[email protected]">
<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#border-width">
<link rel="match" href="subpixel-border-width-when-zoomed-ref.html">
<meta name="assert" content="border-width computed value after rounding when zoomed.">
<style>
.square {
height: 50px;
width: 50px;
border: 1.5px solid gray;
}
</style>
</head>
<body>
<h1>
Test passes if, when zoomed, border widths are rounded up
when they are greater than 0 and less than 1,
and rounded down when they are greater than 1.
</h1>
<div class="square" style="zoom: 0.5;"></div>
<br>
<div class="square" style="zoom: 1;"></div>
<br>
<div class="square" style="zoom: 1.5;"></div>
<br>
<div class="square" style="zoom: 2;"></div>
</body>
</html>