Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-13 09:25:32 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

Browse source
This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 • committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
Download patch file Download diff file Expand all files Collapse all files

57
tests/wpt/web-platform-tests/css/css-ui-3/box-sizing-008.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.</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">
<meta name="flags" content="svg">
<link rel="match" href="reference/box-sizing-008-ref.html">
<meta name="assert" content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.">
<style>
#ref {
width: 100px;
height: 150px;
background: green;
margin: 10px;
display: inline-block;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03 {
width: 120px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04 {
height: 170px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
body {
max-width: 400px;
}
</style>
<body>
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img id=t00 src="support/w100.svg">
<img id=t01 src="support/w100.svg">
<img id=t02 src="support/w100.svg">
<img id=t03 src="support/w100.svg">
<img id=t04 src="support/w100.svg">
</body>