blob: d45e77a4f31e807f5d829a1ce7c1c1352980981a [file] [log] [blame]
<!DOCTYPE html>
<!-- This test has to be internal because "zoom" property is not standard and is not supported by all browsers. -->
<meta charset="utf-8">
<title>CSS Backgrounds and Borders Test: border-width zoom</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-width">
<link rel="match" href="border-width-zoom-001-ref.html">
<meta name="assert" content="Tese tests check that border-width with different zoom values are properly rendered and always visible.">
<p>The test passses if you see 4 boxes with green border, the last 2 ones with a thicker border.</p>
<div style="zoom: 1.5; border: solid 0.5px green; width: 50px; height: 50px;"></div>
<br>
<div style="zoom: 1.5; border: solid 0.5px green; width: 50px; height: 50px; border-radius: 10px;"></div>
</br>
<div style="zoom: 0.1; border: solid 50px green; width: 750px; height: 750px;"></div>
<br>
<div style="zoom: 0.1; border: solid 50px green; width: 750px; height: 750px; border-radius: 100px;"></div>