1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml">
4 <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing
</title>
5 <link href=
"http://fantasai.inkedblade.net/contact" title=
"Elika J. Etemad" rel=
"author"></link>
6 <link href=
"mailto:sjohnson@mozilla.com" title=
"Scott Johnson" rel=
"author"></link>
7 <meta content=
"image" name=
"flags"></meta>
9 <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing">
11 <style type=
"text/css">
13 display: inline-block
;
14 background-color: white
;
30 <div>All rectangles should be the same size.
</div>
31 <p><img class=
"with-padding" src=
"support/replaced-min-max.png" alt=
"FAIL" title=
"Test 0"></img></p>
32 <p><img id=
"img" class=
"with-padding" title=
"Test 1" alt=
"FAIL" src=
"support/replaced-min-max-1.png"></img></p>
33 <p><img id=
"img" class=
"with-padding" title=
"Test 2" alt=
"FAIL" src=
"support/replaced-min-max-2.png"></img></p>
34 <p><img id=
"img" class=
"with-padding" title=
"Test 3" alt=
"FAIL" src=
"support/replaced-min-max-3.png"></img></p>
35 <p><img id=
"img" class=
"with-padding" title=
"Test 4" alt=
"FAIL" src=
"support/replaced-min-max-4.png"></img></p>
36 <p><img id=
"img" class=
"with-padding" title=
"Test 5" alt=
"FAIL" src=
"support/replaced-min-max-5.png"></img></p>
37 <p><img id=
"img" class=
"with-padding" title=
"Test 6" alt=
"FAIL" src=
"support/replaced-min-max-6.png"></img></p>
38 <p><img id=
"img" class=
"with-padding" title=
"Test 7" alt=
"FAIL" src=
"support/replaced-min-max-7.png"></img></p>
39 <p><img id=
"img" class=
"with-padding" title=
"Test 8" alt=
"FAIL" src=
"support/replaced-min-max-8.png"></img></p>
40 <p><img id=
"img" class=
"with-padding" title=
"Test 9" alt=
"FAIL" src=
"support/replaced-min-max-9.png"></img></p>
41 <p><img id=
"img" class=
"with-padding" title=
"Test 10" alt=
"FAIL" src=
"support/replaced-min-max-10.png"></img></p>
42 <p><img id=
"img" class=
"with-padding" title=
"Test 11" alt=
"FAIL" src=
"support/replaced-min-max-11.png"></img></p>
43 <p><img id=
"img" class=
"with-padding" title=
"Test 12" alt=
"FAIL" src=
"support/replaced-min-max-12.png"></img></p>
44 <p><img id=
"img" class=
"with-padding" title=
"Test 13" alt=
"FAIL" src=
"support/replaced-min-max-13.png"></img></p>
45 <p><img id=
"img" class=
"with-padding" title=
"Test 14" alt=
"FAIL" src=
"support/replaced-min-max-14.png"></img></p>
46 <p><img id=
"img" class=
"with-padding" title=
"Test 15" alt=
"FAIL" src=
"support/replaced-min-max-15.png"></img></p>
47 <p><img id=
"img" class=
"with-padding" title=
"Test 16" alt=
"FAIL" src=
"support/replaced-min-max-16.png"></img></p>
48 <p><img id=
"img" class=
"with-padding" title=
"Test 17" alt=
"FAIL" src=
"support/replaced-min-max-17.png"></img></p>
49 <p><img id=
"img" class=
"with-padding" title=
"Test 18" alt=
"FAIL" src=
"support/replaced-min-max-18.png"></img></p>
50 <p><img id=
"img" class=
"with-padding" title=
"Test 19" alt=
"FAIL" src=
"support/replaced-min-max-19.png"></img></p>