The Tor Browser / file comparison
comparison: layout/reftests/box-properties/CSS21-t100303.xhtml
layout/reftests/box-properties/CSS21-t100303.xhtml
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
equal
deleted
inserted
replaced
| -1:000000000000 | 0:ff8dba405ff5 |
|---|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> | |
| 3 <head> | |
| 4 <title>CSS 2.1 Test Suite: Block-level, non-replaced elements in normal flow</title> | |
| 5 <link rel="author" title="L. David Baron" href="http://dbaron.org/" /> | |
| 6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> | |
| 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> | |
| 8 <meta name="flags" content="" /> | |
| 9 <style type="text/css"><![CDATA[ | |
| 10 | |
| 11 body { direction: ltr; } | |
| 12 div { height: 1px; } | |
| 13 | |
| 14 /* containing block */ | |
| 15 body > div { | |
| 16 margin: 0 17px 0 3px; | |
| 17 border: medium solid transparent; | |
| 18 border-width: 0 154px 0 157px; | |
| 19 padding: 0 6px 0 2px; | |
| 20 width: 350px; | |
| 21 } | |
| 22 /* parent that is not containing block */ | |
| 23 body > div > div { display: inline; } | |
| 24 /* test element */ | |
| 25 body > div > div > div { | |
| 26 margin: 0 10px 0 6px; | |
| 27 border: medium solid transparent; | |
| 28 border-width: 0 12px 0 5px; | |
| 29 padding: 0 17px 0 9px; | |
| 30 } | |
| 31 | |
| 32 body > div, body > div > div, body > div > div > div { direction: ltr; } | |
| 33 body > div.trtl > div > div { direction: rtl; } | |
| 34 body > div.prtl > div { direction: rtl; } | |
| 35 body > div.cbrtl { direction: rtl; } | |
| 36 body > div.mlauto > div > div { margin-left: auto; } | |
| 37 body > div.mrauto > div > div { margin-right: auto; } | |
| 38 | |
| 39 body > div.wauto > div > div { width: auto; } | |
| 40 body > div.wnarrow > div > div { width: 127px; } | |
| 41 body > div.wwide > div > div { width: 415px; } | |
| 42 | |
| 43 /* | |
| 44 * make a background on the containing block that is red | |
| 45 * everywhere except where the test should draw its background | |
| 46 */ | |
| 47 body > div.wnarrow { background-image: url(CSS21-t100303-green-outside-170px.png); } | |
| 48 body > div.wwide { background-image: url(CSS21-t100303-green-outside-458px.png); } | |
| 49 body > div.wauto { background-image: url(CSS21-t100303-green-outside-334px.png); } | |
| 50 body > div.wauto.mlauto { background-image: url(CSS21-t100303-green-outside-340px.png); } | |
| 51 body > div.wauto.mrauto { background-image: url(CSS21-t100303-green-outside-344px.png); } | |
| 52 body > div.wauto.mlauto.mrauto { background-image: url(CSS21-t100303-green-outside-350px.png); } | |
| 53 | |
| 54 /* | |
| 55 * The only results in the markup rather than using selectors | |
| 56 * are whether the div ends up aligned to the left edge (atl), | |
| 57 * the right edge (atr), or centered (atc). Things with auto | |
| 58 * widths always count as atl, to make the style rules simpler | |
| 59 * (though they abut both edges). | |
| 60 */ | |
| 61 body > div.atl { background-position: 8px 0; } | |
| 62 body > div.atl.mlauto { background-position: 2px 0; } | |
| 63 | |
| 64 body > div.atr.wnarrow { background-position: 172px 0; } | |
| 65 body > div.atr.wnarrow.mrauto { background-position: 182px 0; } | |
| 66 body > div.atr.wwide { background-position: -116px 0; } | |
| 67 body > div.atr.wwide.mrauto { background-position: -106px 0; } | |
| 68 | |
| 69 /* Can only be atc when mlauto and mrauto and wnarrow. */ | |
| 70 body > div.atc.wnarrow { background-position: 92px 0; } | |
| 71 | |
| 72 /* | |
| 73 * make a background on the test div that is green only within | |
| 74 * its desired width and red elsewhere | |
| 75 */ | |
| 76 body > div.wnarrow > div > div { background-image: url(CSS21-t100303-green-in-170px.png); } | |
| 77 body > div.wwide > div > div { background-image: url(CSS21-t100303-green-in-458px.png); } | |
| 78 body > div.wauto > div > div { background-image: url(CSS21-t100303-green-in-334px.png); } | |
| 79 body > div.wauto.mlauto > div > div { background-image: url(CSS21-t100303-green-in-340px.png); } | |
| 80 body > div.wauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-344px.png); } | |
| 81 body > div.wauto.mlauto.mrauto > div > div { background-image: url(CSS21-t100303-green-in-350px.png); } | |
| 82 /* move position to border-edge */ | |
| 83 body > div > div > div { background-position: -5px 0; } | |
| 84 | |
| 85 /* for debugging */ | |
| 86 /* body > div { background: transparent ! important; } */ | |
| 87 /* body > div > div > div { background: orange ! important; } */ | |
| 88 | |
| 89 ]]></style> | |
| 90 </head> | |
| 91 <body> | |
| 92 | |
| 93 <div class="atl wauto"><div><div></div></div></div> | |
| 94 <div class="atl wauto trtl"><div><div></div></div></div> | |
| 95 <div class="atl wauto prtl"><div><div></div></div></div> | |
| 96 <div class="atl wauto prtl trtl"><div><div></div></div></div> | |
| 97 <div class="atl wauto cbrtl"><div><div></div></div></div> | |
| 98 <div class="atl wauto cbrtl trtl"><div><div></div></div></div> | |
| 99 <div class="atl wauto cbrtl prtl"><div><div></div></div></div> | |
| 100 <div class="atl wauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 101 <div class="atl wauto mlauto"><div><div></div></div></div> | |
| 102 <div class="atl wauto mlauto trtl"><div><div></div></div></div> | |
| 103 <div class="atl wauto mlauto prtl"><div><div></div></div></div> | |
| 104 <div class="atl wauto mlauto prtl trtl"><div><div></div></div></div> | |
| 105 <div class="atl wauto mlauto cbrtl"><div><div></div></div></div> | |
| 106 <div class="atl wauto mlauto cbrtl trtl"><div><div></div></div></div> | |
| 107 <div class="atl wauto mlauto cbrtl prtl"><div><div></div></div></div> | |
| 108 <div class="atl wauto mlauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 109 <div class="atl wauto mrauto"><div><div></div></div></div> | |
| 110 <div class="atl wauto mrauto trtl"><div><div></div></div></div> | |
| 111 <div class="atl wauto mrauto prtl"><div><div></div></div></div> | |
| 112 <div class="atl wauto mrauto prtl trtl"><div><div></div></div></div> | |
| 113 <div class="atl wauto mrauto cbrtl"><div><div></div></div></div> | |
| 114 <div class="atl wauto mrauto cbrtl trtl"><div><div></div></div></div> | |
| 115 <div class="atl wauto mrauto cbrtl prtl"><div><div></div></div></div> | |
| 116 <div class="atl wauto mrauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 117 <div class="atl wauto mrauto mlauto"><div><div></div></div></div> | |
| 118 <div class="atl wauto mrauto mlauto trtl"><div><div></div></div></div> | |
| 119 <div class="atl wauto mrauto mlauto prtl"><div><div></div></div></div> | |
| 120 <div class="atl wauto mrauto mlauto prtl trtl"><div><div></div></div></div> | |
| 121 <div class="atl wauto mrauto mlauto cbrtl"><div><div></div></div></div> | |
| 122 <div class="atl wauto mrauto mlauto cbrtl trtl"><div><div></div></div></div> | |
| 123 <div class="atl wauto mrauto mlauto cbrtl prtl"><div><div></div></div></div> | |
| 124 <div class="atl wauto mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 125 <div class="atl wnarrow"><div><div></div></div></div> | |
| 126 <div class="atl wnarrow trtl"><div><div></div></div></div> | |
| 127 <div class="atl wnarrow prtl"><div><div></div></div></div> | |
| 128 <div class="atl wnarrow prtl trtl"><div><div></div></div></div> | |
| 129 <div class="atr wnarrow cbrtl"><div><div></div></div></div> | |
| 130 <div class="atr wnarrow cbrtl trtl"><div><div></div></div></div> | |
| 131 <div class="atr wnarrow cbrtl prtl"><div><div></div></div></div> | |
| 132 <div class="atr wnarrow cbrtl prtl trtl"><div><div></div></div></div> | |
| 133 <div class="atr wnarrow mlauto"><div><div></div></div></div> | |
| 134 <div class="atr wnarrow mlauto trtl"><div><div></div></div></div> | |
| 135 <div class="atr wnarrow mlauto prtl"><div><div></div></div></div> | |
| 136 <div class="atr wnarrow mlauto prtl trtl"><div><div></div></div></div> | |
| 137 <div class="atr wnarrow mlauto cbrtl"><div><div></div></div></div> | |
| 138 <div class="atr wnarrow mlauto cbrtl trtl"><div><div></div></div></div> | |
| 139 <div class="atr wnarrow mlauto cbrtl prtl"><div><div></div></div></div> | |
| 140 <div class="atr wnarrow mlauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 141 <div class="atl wnarrow mrauto"><div><div></div></div></div> | |
| 142 <div class="atl wnarrow mrauto trtl"><div><div></div></div></div> | |
| 143 <div class="atl wnarrow mrauto prtl"><div><div></div></div></div> | |
| 144 <div class="atl wnarrow mrauto prtl trtl"><div><div></div></div></div> | |
| 145 <div class="atl wnarrow mrauto cbrtl"><div><div></div></div></div> | |
| 146 <div class="atl wnarrow mrauto cbrtl trtl"><div><div></div></div></div> | |
| 147 <div class="atl wnarrow mrauto cbrtl prtl"><div><div></div></div></div> | |
| 148 <div class="atl wnarrow mrauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 149 <div class="atc wnarrow mrauto mlauto"><div><div></div></div></div> | |
| 150 <div class="atc wnarrow mrauto mlauto trtl"><div><div></div></div></div> | |
| 151 <div class="atc wnarrow mrauto mlauto prtl"><div><div></div></div></div> | |
| 152 <div class="atc wnarrow mrauto mlauto prtl trtl"><div><div></div></div></div> | |
| 153 <div class="atc wnarrow mrauto mlauto cbrtl"><div><div></div></div></div> | |
| 154 <div class="atc wnarrow mrauto mlauto cbrtl trtl"><div><div></div></div></div> | |
| 155 <div class="atc wnarrow mrauto mlauto cbrtl prtl"><div><div></div></div></div> | |
| 156 <div class="atc wnarrow mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 157 <div class="atl wwide"><div><div></div></div></div> | |
| 158 <div class="atl wwide trtl"><div><div></div></div></div> | |
| 159 <div class="atl wwide prtl"><div><div></div></div></div> | |
| 160 <div class="atl wwide prtl trtl"><div><div></div></div></div> | |
| 161 <div class="atr wwide cbrtl"><div><div></div></div></div> | |
| 162 <div class="atr wwide cbrtl trtl"><div><div></div></div></div> | |
| 163 <div class="atr wwide cbrtl prtl"><div><div></div></div></div> | |
| 164 <div class="atr wwide cbrtl prtl trtl"><div><div></div></div></div> | |
| 165 <div class="atl wwide mlauto"><div><div></div></div></div> | |
| 166 <div class="atl wwide mlauto trtl"><div><div></div></div></div> | |
| 167 <div class="atl wwide mlauto prtl"><div><div></div></div></div> | |
| 168 <div class="atl wwide mlauto prtl trtl"><div><div></div></div></div> | |
| 169 <div class="atr wwide mlauto cbrtl"><div><div></div></div></div> | |
| 170 <div class="atr wwide mlauto cbrtl trtl"><div><div></div></div></div> | |
| 171 <div class="atr wwide mlauto cbrtl prtl"><div><div></div></div></div> | |
| 172 <div class="atr wwide mlauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 173 <div class="atl wwide mrauto"><div><div></div></div></div> | |
| 174 <div class="atl wwide mrauto trtl"><div><div></div></div></div> | |
| 175 <div class="atl wwide mrauto prtl"><div><div></div></div></div> | |
| 176 <div class="atl wwide mrauto prtl trtl"><div><div></div></div></div> | |
| 177 <div class="atr wwide mrauto cbrtl"><div><div></div></div></div> | |
| 178 <div class="atr wwide mrauto cbrtl trtl"><div><div></div></div></div> | |
| 179 <div class="atr wwide mrauto cbrtl prtl"><div><div></div></div></div> | |
| 180 <div class="atr wwide mrauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 181 <div class="atl wwide mrauto mlauto"><div><div></div></div></div> | |
| 182 <div class="atl wwide mrauto mlauto trtl"><div><div></div></div></div> | |
| 183 <div class="atl wwide mrauto mlauto prtl"><div><div></div></div></div> | |
| 184 <div class="atl wwide mrauto mlauto prtl trtl"><div><div></div></div></div> | |
| 185 <div class="atr wwide mrauto mlauto cbrtl"><div><div></div></div></div> | |
| 186 <div class="atr wwide mrauto mlauto cbrtl trtl"><div><div></div></div></div> | |
| 187 <div class="atr wwide mrauto mlauto cbrtl prtl"><div><div></div></div></div> | |
| 188 <div class="atr wwide mrauto mlauto cbrtl prtl trtl"><div><div></div></div></div> | |
| 189 | |
| 190 </body> | |
| 191 </html> |
