1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/box-properties/CSS21-t100301.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,76 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
1.5 +<html xmlns="http://www.w3.org/1999/xhtml">
1.6 + <head>
1.7 + <title>CSS 2.1 Test Suite: Inline, non-replaced elements</title>
1.8 + <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
1.9 + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
1.10 + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" />
1.11 + <meta name="flags" content="ahem" />
1.12 + <style type="text/css"><![CDATA[
1.13 +
1.14 + @font-face {
1.15 + src: url(../fonts/Ahem.ttf);
1.16 + font-family: Ahem;
1.17 + }
1.18 +
1.19 + html { background: white; }
1.20 +
1.21 + body {
1.22 + width: 100px; height: 100px;
1.23 + border: 10px solid lime; background: red;
1.24 + font: 20px/1 Ahem;
1.25 + }
1.26 +
1.27 + span { background: red; color: green; }
1.28 +
1.29 + .X::before, .space::before { background:green; color:transparent; }
1.30 + .X::before { content:"X"; }
1.31 + .space::before { content:" "; }
1.32 +
1.33 + ]]></style>
1.34 + </head>
1.35 + <body>
1.36 +
1.37 + <!-- First row -->
1.38 + <!-- The width property does not apply -->
1.39 + <!-- check padding-left and border-right too -->
1.40 + <span style="width: 1px"><span class="X"></span></span
1.41 + ><span style="width: 200px"><span class="X"></span></span
1.42 + ><span style="width: 10px; padding-left: 10px;background:green"><span class="X"></span></span
1.43 + ><span style="border-right: 10px solid green; width: 40px"><span class="X"></span></span>
1.44 +
1.45 + <!-- Second row -->
1.46 + <!-- auto values for margin-left and margin-right are zero -->
1.47 + <span style="background:green"
1.48 + ><span style="margin-right: auto"><span class="X"></span></span
1.49 + ><span style="margin-left: 5px"><span class="X"></span></span
1.50 + ><span style="margin-left:auto;background:green"><span class="space"></span></span
1.51 + ><span style="margin-right: 15px"><span class="X"></span></span
1.52 + ></span>
1.53 +
1.54 + <!-- Third row -->
1.55 + <!-- auto values for left and right are 0, and other values don't
1.56 + do anything either, unless we have position:relative -->
1.57 + <span style="left: auto"><span class="X"></span></span
1.58 + ><span style="left:8px"><span class="X"></span></span
1.59 + ><span style="right:73px"><span class="X"></span></span
1.60 + ><span style="right:auto"><span class="X"></span></span
1.61 + ><span style="background:transparent;color:red"><span class="X"></span><span style="position:relative;right:20px"><span class="X"></span></span></span>
1.62 +
1.63 + <!-- Fourth row -->
1.64 + <!-- toss in some negative and adjacent margins -->
1.65 + <span style="margin-right: -5px;color:red;background:red"><span class="X"></span></span
1.66 + ><span style="margin-left: -15px"><span class="X"></span></span
1.67 + ><span style="background:green"
1.68 + ><span style="margin-right:25px"><span class="X"></span></span
1.69 + ><span style="margin-left: 15px"><span class="X"></span></span
1.70 + ></span>
1.71 +
1.72 + <!-- Fifth row -->
1.73 + <!-- border and padding and margin -->
1.74 + <span style="margin-left:15px; margin-right:348px"
1.75 + ><span style="background: green; margin-left:-15px; border-left: 15px solid; padding-left: 25px;padding-right: 8px;border-right:32px solid;"><span class="X"></span></span
1.76 + ></span>
1.77 +
1.78 + </body>
1.79 +</html>
