<!DOCTYPE html>
<html>
<head>
<title>
CSS Border: width computed value
</title>
<link rel="author" title="Traian Captan" href="mailto:[email protected]">
<style>
.square {
height: 20px;
width: 20px;
border: 1px solid gray;
}
</style>
</head>
<body>
<h1>
Test passes if 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"></div>
<br>
<div class="square"></div>
<br>
<div class="square"></div>
<br>
<div class="square"></div>
<br>
<div class="square"></div>
<br>
<div class="square"></div>
<br>
<div class="square" style="border-width: 3px;"></div>
<br>
<div class="square" style="border-width: 3px;"></div>
<br>
<div class="square" style="border-width: 3px;"></div>
</body>
</html>