testing/web-platform/tests/css/css-values/absolute_length_units.html
author Duncan McIntosh <dmcintosh@mozilla.com>
Wed, 09 Jul 2025 19:42:02 +0000 (3 hours ago)
changeset 795924 9ccc6a2267cbf69c621fec973bd28573c2a45a1f
parent 479608 882bacfad7e26554ff9f1982ab162e4d1b7a228f
permissions -rw-r--r--
Bug 1966586 - Reuse other browser windows when opening _blank links in Taskbar Tabs windows. r=nrishel This doesn't affect other tab additions, nor does it stop the tab bar from appearing altogether. The idea is that _if_ another tab is somehow made, the user should see it; but we should not create new tabs if we can avoid it. This also adds tests for opening URIs in popups and taskbar tabs to make it less likely that this breaks in future. Differential Revision: https://phabricator.services.mozilla.com/D253726
<!DOCTYPE html>
<html>
<!-- Submitted from TestTWF Paris -->
<head>

  <meta charset="UTF-8">

  <title>CSS Values and Units Test: elements should be the real world size given in mm, cm, inches...</title>
  <link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com">
  <link rel="help" href="https://www.w3.org/TR/css3-values/#absolute-lengths" title="5.2 Absolute lengths: the cm, mm, Q, in, pt, pc, px units">

  <style type="text/css">

    .s1mm { background-color: fuchsia; width: 1mm; height: 1mm; }
    .s10mm { background-color: olive; width: 10mm; height: 10mm; }
    .s1cm { background-color: orange; width: 1cm; height: 1cm; }
    .s254cm { background-color: gray; width: 2.54cm; height: 2.54cm; }
    .s1in { background-color: blue; width: 1in; height: 1in; }

    .inline { float: left; }

    .newline { clear: left; }

    p { clear: both; margin: 10px 0; }

  </style>

</head>
<body>

<p>
  There should be a 1mm (width) by 1mm (height) fuchsia square:
</p>

<div class="s1mm"></div>

<p>
  There should be a 10mm (width) by 1mm (height) fuchsia stripe:
</p>

<div class="s1mm newline inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>
<div class="s1mm inline"></div>

<p>
  There should be a 10mm (width) by 10mm (height) olive square:
</p>

<div class="s10mm newline "></div>

<p>
  There should be a 1cm (width) by 1cm (height) orange square. So, same width above:
</p>

<div class="s1cm newline "></div>

<p>
  There should be a 2.54cm (width) by 2.54cm (height) gray square:
</p>

<div class="s254cm newline "></div>

<p>
  There should be a 1in (width) by 1in (height) blue square. So, same width as above:
</p>

<div class="s1in"></div>

</body>
</html>