Skip to main content

Browse the archive

https://github.com/web-platform-tests/wpt
26 December 2018, 22:31:15 UTC
Raw File
Tip revision: e327f70a174f7dfa7e60d8f78024eae7e15d17a7 authored by moz-wptsync-bot on 14 February 2018, 22:12:15 UTC
Fix detached-context.https.html to not timeout due to promise reaction callbacks not firing for detached globals.
Tip revision: e327f70
absolute_length_units.html 
<!DOCTYPE html>
<html>
<!-- Submitted from TestTWF Paris -->
<head>

	<title>CSS Values and Units Test: elements should be the real world size given in mm, cm, inches...</title>
	<meta name="assert" content="elements are not displayed with the real world size units they should be, when specified in millimeters, centimeters, inches, ...">
	<link rel="author" title="Marc Bourlon" href="mailto:marc@bourlon.com">
	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" title="5.1.2. Viewport-percentage lengths: the 'vw', 'vh', 'vmin', 'vmax' units">

	<style type="text/css">

		* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

		.s1mm { background: #F00; width: 1mm; height: 1mm; }
		.s10mm { background: #66F; width: 10mm; height: 10mm; }
		.s1cm { background: #E90; width: 1cm; height: 1cm; }
		.s254cm { background: #D0D; width: 2.54cm; height: 2.54cm; }
		.s1in { background: #00F; width: 1in; height: 1in; }

		.inline { float: left; }

		.newline { clear: left; }

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

	</style>

</head>
<body>

<p>
	This should be 1mm (width) by 1mm (height) size
</p>

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

<p>
	This is 10 1mm x 1mm divs, so it should be 10mm (width) by 1mm (height) size
</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>
	This should be 10mm (width) by 10mm (height) size.
</p>

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

<p>
	This should be 1cm (width) by 1cm (height) size. So, same width as the line above.
</p>

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

<p>
	This should be 2.54cm (width) by 2.54cm (height) size.
</p>

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

<p>
	This should be 1in (width) by 1in (height) size. So, same size as above.
</p>

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

</body>
</html>
back to top