tablespacing-5.html (5346B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>Dynamic tests involving changes to row/column/framespacing</title> 5 <meta charset="utf-8"/> 6 <link rel="match" href="tablespacing-5-ref.html"/> 7 </head> 8 <body> 9 <math> 10 <mtable id="mtable0" rowspacing="2ex 3ex"> 11 <mtr> 12 <mtd> 13 <mn>X</mn> 14 </mtd> 15 <mtd> 16 <mn>X</mn> 17 </mtd> 18 <mtd> 19 <mn>X</mn> 20 </mtd> 21 </mtr> 22 <mtr> 23 <mtd> 24 <mn>X</mn> 25 </mtd> 26 <mtd> 27 <mn>X</mn> 28 </mtd> 29 <mtd> 30 <mn>X</mn> 31 </mtd> 32 </mtr> 33 <mtr> 34 <mtd> 35 <mn>X</mn> 36 </mtd> 37 <mtd> 38 <mn>X</mn> 39 </mtd> 40 <mtd> 41 <mn>X</mn> 42 </mtd> 43 </mtr> 44 </mtable> 45 </math> 46 <p> 47 <math> 48 <mtable id="mtable1" columnspacing="2em 3em"> 49 <mtr> 50 <mtd> 51 <mn>X</mn> 52 </mtd> 53 <mtd> 54 <mn>X</mn> 55 </mtd> 56 <mtd> 57 <mn>X</mn> 58 </mtd> 59 </mtr> 60 <mtr> 61 <mtd> 62 <mn>X</mn> 63 </mtd> 64 <mtd> 65 <mn>X</mn> 66 </mtd> 67 <mtd> 68 <mn>X</mn> 69 </mtd> 70 </mtr> 71 <mtr> 72 <mtd> 73 <mn>X</mn> 74 </mtd> 75 <mtd> 76 <mn>X</mn> 77 </mtd> 78 <mtd> 79 <mn>X</mn> 80 </mtd> 81 </mtr> 82 </mtable> 83 </math> 84 <p> 85 <math> 86 <mtable id="mtable2" framespacing="2em 2ex" frame="solid"> 87 <mtr> 88 <mtd> 89 <mn>X</mn> 90 </mtd> 91 <mtd> 92 <mn>X</mn> 93 </mtd> 94 <mtd> 95 <mn>X</mn> 96 </mtd> 97 </mtr> 98 <mtr> 99 <mtd> 100 <mn>X</mn> 101 </mtd> 102 <mtd> 103 <mn>X</mn> 104 </mtd> 105 <mtd> 106 <mn>X</mn> 107 </mtd> 108 </mtr> 109 <mtr> 110 <mtd> 111 <mn>X</mn> 112 </mtd> 113 <mtd> 114 <mn>X</mn> 115 </mtd> 116 <mtd> 117 <mn>X</mn> 118 </mtd> 119 </mtr> 120 </mtable> 121 </math> 122 <p> 123 <math> 124 <mtable id="mtable3" > 125 <mtr> 126 <mtd> 127 <mn>X</mn> 128 </mtd> 129 <mtd> 130 <mn>X</mn> 131 </mtd> 132 <mtd> 133 <mn>X</mn> 134 </mtd> 135 </mtr> 136 <mtr> 137 <mtd> 138 <mn>X</mn> 139 </mtd> 140 <mtd> 141 <mn>X</mn> 142 </mtd> 143 <mtd> 144 <mn>X</mn> 145 </mtd> 146 </mtr> 147 <mtr> 148 <mtd> 149 <mn>X</mn> 150 </mtd> 151 <mtd> 152 <mn>X</mn> 153 </mtd> 154 <mtd> 155 <mn>X</mn> 156 </mtd> 157 </mtr> 158 </mtable> 159 </math> 160 <p> 161 <math> 162 <mtable id="mtable4" > 163 <mtr> 164 <mtd> 165 <mn>X</mn> 166 </mtd> 167 <mtd> 168 <mn>X</mn> 169 </mtd> 170 <mtd> 171 <mn>X</mn> 172 </mtd> 173 </mtr> 174 <mtr> 175 <mtd> 176 <mn>X</mn> 177 </mtd> 178 <mtd> 179 <mn>X</mn> 180 </mtd> 181 <mtd> 182 <mn>X</mn> 183 </mtd> 184 </mtr> 185 <mtr> 186 <mtd> 187 <mn>X</mn> 188 </mtd> 189 <mtd> 190 <mn>X</mn> 191 </mtd> 192 <mtd> 193 <mn>X</mn> 194 </mtd> 195 </mtr> 196 </mtable> 197 </math> 198 <p> 199 <math> 200 <mtable id="mtable5" frame="solid"> 201 <mtr> 202 <mtd> 203 <mn>X</mn> 204 </mtd> 205 <mtd> 206 <mn>X</mn> 207 </mtd> 208 <mtd> 209 <mn>X</mn> 210 </mtd> 211 </mtr> 212 <mtr> 213 <mtd> 214 <mn>X</mn> 215 </mtd> 216 <mtd> 217 <mn>X</mn> 218 </mtd> 219 <mtd> 220 <mn>X</mn> 221 </mtd> 222 </mtr> 223 <mtr> 224 <mtd> 225 <mn>X</mn> 226 </mtd> 227 <mtd> 228 <mn>X</mn> 229 </mtd> 230 <mtd> 231 <mn>X</mn> 232 </mtd> 233 </mtr> 234 </mtable> 235 </math> 236 <p> 237 <math> 238 <mtable id="mtable6" frame="none"> 239 <mtr> 240 <mtd> 241 <mn>X</mn> 242 </mtd> 243 <mtd> 244 <mn>X</mn> 245 </mtd> 246 <mtd> 247 <mn>X</mn> 248 </mtd> 249 </mtr> 250 <mtr> 251 <mtd> 252 <mn>X</mn> 253 </mtd> 254 <mtd> 255 <mn>X</mn> 256 </mtd> 257 <mtd> 258 <mn>X</mn> 259 </mtd> 260 </mtr> 261 <mtr> 262 <mtd> 263 <mn>X</mn> 264 </mtd> 265 <mtd> 266 <mn>X</mn> 267 </mtd> 268 <mtd> 269 <mn>X</mn> 270 </mtd> 271 </mtr> 272 </mtable> 273 </math> 274 <p> 275 <script> 276 function doTest() { 277 // remove spacing attributes 278 document.getElementById("mtable0").removeAttribute("rowspacing"); 279 document.getElementById("mtable1").removeAttribute("columnspacing"); 280 document.getElementById("mtable2").removeAttribute("framespacing"); 281 282 // add spacing attributes 283 document.getElementById("mtable3").setAttribute("rowspacing", "2ex 4ex"); 284 document.getElementById("mtable4").setAttribute("columnspacing", "2em 3em"); 285 document.getElementById("mtable5").setAttribute("framespacing", "2em 2ex"); 286 287 // framespacing doesn't apply with frame="none" 288 document.getElementById("mtable6").setAttribute("framespacing", "2em 2ex"); 289 290 document.documentElement.removeAttribute("class"); 291 } 292 document.documentElement.addEventListener("TestRendered", doTest); 293 294 </script> 295 </body> 296 </html>