Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions

View File

@@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Absolutely positioned inline replaced element with 'margin-top', 'margin-bottom' and 'bottom' as 'auto'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-08-31 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height">
<link rel="match" href="reference/absolute-replaced-height-008-ref.htm">
<meta name="flags" content="image">
<meta name="assert" content="An absolutely positioned inline replaced element's used value of 'bottom', 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.">
<style type="text/css">
#div1
{
border-top: solid black;
position: relative;
}
img
{
bottom: auto;
height: auto;
margin-bottom: auto;
margin-top: auto;
position: absolute;
top: 1in;
width: auto;
}
/*
"
The used value of 'height' is determined as for inline replaced elements.
If 'margin-top' or 'margin-bottom' is specified as 'auto'
its used value is determined by the rules below.
(...)
If 'height' and 'width' both have computed values
of 'auto' and the element also has an intrinsic height,
then that intrinsic height is the used value of 'height'.
(...)
If 'bottom' is 'auto', replace any 'auto' on 'margin-top'
or 'margin-bottom' with '0'.
If at this point there is only one 'auto' left,
solve the equation for that value.
"
http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height
In this test, bottom will be -96px because the height of the
containing block is 0px.
*/
div div
{
background: blue;
height: 15px;
left: 15px;
position: relative;
top: 1in;
width: 15px;
}
</style>
</head>
<body>
<p>Test passes if there is a short blue bar and it does not touch the black line.</p>
<div id="div1">
<img alt="blue 15x15" src="support/blue15x15.png">
<div></div>
</div>
</body>
</html>