Revision 28d63f19babbd14a18a0219acf21362fc5d52dbc authored by Henrik Skupin on 28 March 2018, 18:49:31 UTC, committed by moz-wptsync-bot on 28 March 2018, 18:49:31 UTC
To retrieve links via "link text" or "partial link text" the rendered
content of the element has to be used. This can be the case for CSS
transformations like "uppercase".
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1381519
gecko-commit: 3e204686f1b10441f48435890241dff6706d04dd
gecko-integration-branch: central
gecko-reviewers: ato
1 parent f5b48cf
Raw File
box-sizing-014.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#box-sizing">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">
<meta name="flags" content="svg">
<link rel="match" href="reference/box-sizing-010-ref.html">
<meta name="assert" content="Test checks that the CSS2.1 rules for auto width and height
                             on replaced elements with intrinsic width and ratio
			     with the h &gt; max-height constraint violation
			     are properly interpreted when box-sizing is border-box.">
<style>
img {
	box-sizing: border-box;
	width: auto;
	height: auto;
	background: white;
	padding-bottom: 30px;
	max-height: 100px;
}

#ref {
	display: inline-block;
	margin-bottom: 30px; /*for alignement*/
	width: 70px;
	height: 70px;
	background: green;
}

</style>
<body>
  <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
  <div id=ref></div>
  <img src="support/w100_r1-1.svg">
</body>
back to top