1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/box-properties/CSS21-t100303-simple.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,202 @@
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: Block-level, non-replaced elements in normal flow</title>
1.8 + <!--
1.9 +
1.10 + THIS IS NOT THE FULL TEST. IT HAS BEEN MODIFIED TO WORK
1.11 + AROUND THE FOLLOWING BUG:
1.12 + https://bugzilla.mozilla.org/show_bug.cgi?id=423306
1.13 + BY MAKING THE INTERMEDIATE ELEMENT NOT HAVE CHANGING 'direction'
1.14 +
1.15 + -->
1.16 + <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
1.17 + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
1.18 + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" />
1.19 + <meta name="flags" content="" />
1.20 + <style type="text/css"><![CDATA[
1.21 +
1.22 + body { direction: ltr; }
1.23 + div { height: 1px; }
1.24 +
1.25 + /* containing block */
1.26 + body > div {
1.27 + margin: 0 17px 0 3px;
1.28 + border: medium solid transparent;
1.29 + border-width: 0 154px 0 157px;
1.30 + padding: 0 6px 0 2px;
1.31 + width: 350px;
1.32 + }
1.33 + /* parent that is not containing block */
1.34 + /* COMMENTED OUT PER WORKAROUND DESCRIBED AT TOP */
1.35 + /* body > div > div { display: inline; } */
1.36 + /* test element */
1.37 + body > div > div > div {
1.38 + margin: 0 10px 0 6px;
1.39 + border: medium solid transparent;
1.40 + border-width: 0 12px 0 5px;
1.41 + padding: 0 17px 0 9px;
1.42 + }
1.43 +
1.44 + /* COMMENTED OUT PER WORKAROUND DESCRIBED AT TOP */
1.45 + body > div, /* body > div > div, */ body > div > div > div { direction: ltr; }
1.46 + body > div.trtl > div > div { direction: rtl; }
1.47 + /* COMMENTED OUT PER WORKAROUND DESCRIBED AT TOP */
1.48 + /* body > div.prtl > div { direction: rtl; } */
1.49 + body > div.cbrtl { direction: rtl; }
1.50 + body > div.mlauto > div > div { margin-left: auto; }
1.51 + body > div.mrauto > div > div { margin-right: auto; }
1.52 +
1.53 + body > div.wauto > div > div { width: auto; }
1.54 + body > div.wnarrow > div > div { width: 127px; }
1.55 + body > div.wwide > div > div { width: 415px; }
1.56 +
1.57 + /*
1.58 + * make a background on the containing block that is red
1.59 + * everywhere except where the test should draw its background
1.60 + */
1.61 + body > div.wnarrow { background-image: url(CSS21-t100303-green-outside-170px.png); }
1.62 + body > div.wwide { background-image: url(CSS21-t100303-green-outside-458px.png); }
1.63 + body > div.wauto { background-image: url(CSS21-t100303-green-outside-334px.png); }
1.64 + body > div.wauto.mlauto { background-image: url(CSS21-t100303-green-outside-340px.png); }
1.65 + body > div.wauto.mrauto { background-image: url(CSS21-t100303-green-outside-344px.png); }
1.66 + body > div.wauto.mlauto.mrauto { background-image: url(CSS21-t100303-green-outside-350px.png); }
1.67 +
1.68 + /*
1.69 + * The only results in the markup rather than using selectors
1.70 + * are whether the div ends up aligned to the left edge (atl),
1.71 + * the right edge (atr), or centered (atc). Things with auto
1.72 + * widths always count as atl, to make the style rules simpler
1.73 + * (though they abut both edges).
1.74 + */
1.75 + body > div.atl { background-position: 8px 0; }
1.76 + body > div.atl.mlauto { background-position: 2px 0; }
1.77 +
1.78 + body > div.atr.wnarrow { background-position: 172px 0; }
1.79 + body > div.atr.wnarrow.mrauto { background-position: 182px 0; }
1.80 + body > div.atr.wwide { background-position: -116px 0; }
1.81 + body > div.atr.wwide.mrauto { background-position: -106px 0; }
1.82 +
1.83 + /* Can only be atc when mlauto and mrauto and wnarrow. */
1.84 + body > div.atc.wnarrow { background-position: 92px 0; }
1.85 +
1.86 + /*
1.87 + * make a background on the test div that is green only within
1.88 + * its desired width and red elsewhere
1.89 + */
1.90 + body > div.wnarrow > div > div { background-image: url(CSS21-t100303-green-in-170px.png); }
1.91 + body > div.wwide > div > div { background-image: url(CSS21-t100303-green-in-458px.png); }
1.92 + body > div.wauto > div > div { background-image: url(CSS21-t100303-green-in-334px.png); }
1.93 + body > div.wauto.mlauto > div > div { background-image: url(CSS21-t100303-green-in-340px.png); }
1.94 + body > div.wauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-344px.png); }
1.95 + body > div.wauto.mlauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-350px.png); }
1.96 + /* move position to border-edge */
1.97 + body > div > div > div { background-position: -5px 0; }
1.98 +
1.99 + /* for debugging */
1.100 + /* body > div { background: transparent ! important; } */
1.101 + /* body > div > div > div { background: orange ! important; } */
1.102 +
1.103 + ]]></style>
1.104 + </head>
1.105 + <body>
1.106 +
1.107 + <div class="atl wauto"><div><div></div></div></div>
1.108 + <div class="atl wauto trtl"><div><div></div></div></div>
1.109 + <div class="atl wauto prtl"><div><div></div></div></div>
1.110 + <div class="atl wauto prtl trtl"><div><div></div></div></div>
1.111 + <div class="atl wauto cbrtl"><div><div></div></div></div>
1.112 + <div class="atl wauto cbrtl trtl"><div><div></div></div></div>
1.113 + <div class="atl wauto cbrtl prtl"><div><div></div></div></div>
1.114 + <div class="atl wauto cbrtl prtl trtl"><div><div></div></div></div>
1.115 + <div class="atl wauto mlauto"><div><div></div></div></div>
1.116 + <div class="atl wauto mlauto trtl"><div><div></div></div></div>
1.117 + <div class="atl wauto mlauto prtl"><div><div></div></div></div>
1.118 + <div class="atl wauto mlauto prtl trtl"><div><div></div></div></div>
1.119 + <div class="atl wauto mlauto cbrtl"><div><div></div></div></div>
1.120 + <div class="atl wauto mlauto cbrtl trtl"><div><div></div></div></div>
1.121 + <div class="atl wauto mlauto cbrtl prtl"><div><div></div></div></div>
1.122 + <div class="atl wauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
1.123 + <div class="atl wauto mrauto"><div><div></div></div></div>
1.124 + <div class="atl wauto mrauto trtl"><div><div></div></div></div>
1.125 + <div class="atl wauto mrauto prtl"><div><div></div></div></div>
1.126 + <div class="atl wauto mrauto prtl trtl"><div><div></div></div></div>
1.127 + <div class="atl wauto mrauto cbrtl"><div><div></div></div></div>
1.128 + <div class="atl wauto mrauto cbrtl trtl"><div><div></div></div></div>
1.129 + <div class="atl wauto mrauto cbrtl prtl"><div><div></div></div></div>
1.130 + <div class="atl wauto mrauto cbrtl prtl trtl"><div><div></div></div></div>
1.131 + <div class="atl wauto mrauto mlauto"><div><div></div></div></div>
1.132 + <div class="atl wauto mrauto mlauto trtl"><div><div></div></div></div>
1.133 + <div class="atl wauto mrauto mlauto prtl"><div><div></div></div></div>
1.134 + <div class="atl wauto mrauto mlauto prtl trtl"><div><div></div></div></div>
1.135 + <div class="atl wauto mrauto mlauto cbrtl"><div><div></div></div></div>
1.136 + <div class="atl wauto mrauto mlauto cbrtl trtl"><div><div></div></div></div>
1.137 + <div class="atl wauto mrauto mlauto cbrtl prtl"><div><div></div></div></div>
1.138 + <div class="atl wauto mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
1.139 + <div class="atl wnarrow"><div><div></div></div></div>
1.140 + <div class="atl wnarrow trtl"><div><div></div></div></div>
1.141 + <div class="atl wnarrow prtl"><div><div></div></div></div>
1.142 + <div class="atl wnarrow prtl trtl"><div><div></div></div></div>
1.143 + <div class="atr wnarrow cbrtl"><div><div></div></div></div>
1.144 + <div class="atr wnarrow cbrtl trtl"><div><div></div></div></div>
1.145 + <div class="atr wnarrow cbrtl prtl"><div><div></div></div></div>
1.146 + <div class="atr wnarrow cbrtl prtl trtl"><div><div></div></div></div>
1.147 + <div class="atr wnarrow mlauto"><div><div></div></div></div>
1.148 + <div class="atr wnarrow mlauto trtl"><div><div></div></div></div>
1.149 + <div class="atr wnarrow mlauto prtl"><div><div></div></div></div>
1.150 + <div class="atr wnarrow mlauto prtl trtl"><div><div></div></div></div>
1.151 + <div class="atr wnarrow mlauto cbrtl"><div><div></div></div></div>
1.152 + <div class="atr wnarrow mlauto cbrtl trtl"><div><div></div></div></div>
1.153 + <div class="atr wnarrow mlauto cbrtl prtl"><div><div></div></div></div>
1.154 + <div class="atr wnarrow mlauto cbrtl prtl trtl"><div><div></div></div></div>
1.155 + <div class="atl wnarrow mrauto"><div><div></div></div></div>
1.156 + <div class="atl wnarrow mrauto trtl"><div><div></div></div></div>
1.157 + <div class="atl wnarrow mrauto prtl"><div><div></div></div></div>
1.158 + <div class="atl wnarrow mrauto prtl trtl"><div><div></div></div></div>
1.159 + <div class="atl wnarrow mrauto cbrtl"><div><div></div></div></div>
1.160 + <div class="atl wnarrow mrauto cbrtl trtl"><div><div></div></div></div>
1.161 + <div class="atl wnarrow mrauto cbrtl prtl"><div><div></div></div></div>
1.162 + <div class="atl wnarrow mrauto cbrtl prtl trtl"><div><div></div></div></div>
1.163 + <div class="atc wnarrow mrauto mlauto"><div><div></div></div></div>
1.164 + <div class="atc wnarrow mrauto mlauto trtl"><div><div></div></div></div>
1.165 + <div class="atc wnarrow mrauto mlauto prtl"><div><div></div></div></div>
1.166 + <div class="atc wnarrow mrauto mlauto prtl trtl"><div><div></div></div></div>
1.167 + <div class="atc wnarrow mrauto mlauto cbrtl"><div><div></div></div></div>
1.168 + <div class="atc wnarrow mrauto mlauto cbrtl trtl"><div><div></div></div></div>
1.169 + <div class="atc wnarrow mrauto mlauto cbrtl prtl"><div><div></div></div></div>
1.170 + <div class="atc wnarrow mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
1.171 + <div class="atl wwide"><div><div></div></div></div>
1.172 + <div class="atl wwide trtl"><div><div></div></div></div>
1.173 + <div class="atl wwide prtl"><div><div></div></div></div>
1.174 + <div class="atl wwide prtl trtl"><div><div></div></div></div>
1.175 + <div class="atr wwide cbrtl"><div><div></div></div></div>
1.176 + <div class="atr wwide cbrtl trtl"><div><div></div></div></div>
1.177 + <div class="atr wwide cbrtl prtl"><div><div></div></div></div>
1.178 + <div class="atr wwide cbrtl prtl trtl"><div><div></div></div></div>
1.179 + <div class="atl wwide mlauto"><div><div></div></div></div>
1.180 + <div class="atl wwide mlauto trtl"><div><div></div></div></div>
1.181 + <div class="atl wwide mlauto prtl"><div><div></div></div></div>
1.182 + <div class="atl wwide mlauto prtl trtl"><div><div></div></div></div>
1.183 + <div class="atr wwide mlauto cbrtl"><div><div></div></div></div>
1.184 + <div class="atr wwide mlauto cbrtl trtl"><div><div></div></div></div>
1.185 + <div class="atr wwide mlauto cbrtl prtl"><div><div></div></div></div>
1.186 + <div class="atr wwide mlauto cbrtl prtl trtl"><div><div></div></div></div>
1.187 + <div class="atl wwide mrauto"><div><div></div></div></div>
1.188 + <div class="atl wwide mrauto trtl"><div><div></div></div></div>
1.189 + <div class="atl wwide mrauto prtl"><div><div></div></div></div>
1.190 + <div class="atl wwide mrauto prtl trtl"><div><div></div></div></div>
1.191 + <div class="atr wwide mrauto cbrtl"><div><div></div></div></div>
1.192 + <div class="atr wwide mrauto cbrtl trtl"><div><div></div></div></div>
1.193 + <div class="atr wwide mrauto cbrtl prtl"><div><div></div></div></div>
1.194 + <div class="atr wwide mrauto cbrtl prtl trtl"><div><div></div></div></div>
1.195 + <div class="atl wwide mrauto mlauto"><div><div></div></div></div>
1.196 + <div class="atl wwide mrauto mlauto trtl"><div><div></div></div></div>
1.197 + <div class="atl wwide mrauto mlauto prtl"><div><div></div></div></div>
1.198 + <div class="atl wwide mrauto mlauto prtl trtl"><div><div></div></div></div>
1.199 + <div class="atr wwide mrauto mlauto cbrtl"><div><div></div></div></div>
1.200 + <div class="atr wwide mrauto mlauto cbrtl trtl"><div><div></div></div></div>
1.201 + <div class="atr wwide mrauto mlauto cbrtl prtl"><div><div></div></div></div>
1.202 + <div class="atr wwide mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div>
1.203 +
1.204 + </body>
1.205 +</html>
