Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-07 22:45:34 +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

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

@ -0,0 +1,75 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.</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-007-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 either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01, #t11, #t21, #t31 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02, #t12, #t22, #t32 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03, #t13, #t23, #t33 {
width: 120px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04, #t14, #t24, #t34 {
height: 120px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t30, #t32 {
width: 100px;
}
#t31 {
height: 100px;
}
body {
max-width: 700px;
}
</style>
<body>
<p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<img id=t00 src="support/w100_h100.svg">
<img id=t01 src="support/w100_h100.svg">
<img id=t02 src="support/w100_h100.svg">
<img id=t03 src="support/w100_h100.svg">
<img id=t04 src="support/w100_h100.svg">
<img id=t10 src="support/w100_r1-1.svg">
<img id=t11 src="support/w100_r1-1.svg">
<img id=t12 src="support/w100_r1-1.svg">
<img id=t13 src="support/w100_r1-1.svg">
<img id=t14 src="support/w100_r1-1.svg">
<img id=t20 src="support/h100_r1-1.svg">
<img id=t21 src="support/h100_r1-1.svg">
<img id=t22 src="support/h100_r1-1.svg">
<img id=t23 src="support/h100_r1-1.svg">
<img id=t24 src="support/h100_r1-1.svg">
<img id=t30 src="support/r1-1.svg">
<img id=t31 src="support/r1-1.svg">
<img id=t32 src="support/r1-1.svg">
<img id=t33 src="support/r1-1.svg">
<img id=t34 src="support/r1-1.svg">
</body>