third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug2479-4.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
   2 <HTML lang="en">
   3
   4 <HEAD>
   5   <META name="author" content="Ian Hickson">
   6   <META name="copyright" content="&copy; copyright 1999 Ian Hickson">
   7   <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   8   <META http-equiv="Content-Style-Type" content="text/css">
   9   <TITLE>Evil Tests: Inheritance Set Through Tables</TITLE>
  10
  11   <STYLE TYPE="text/css">
  12
  13      BODY   { color: black; background: white; font: 1em serif; }
  14      .fancy { color: white; background: black; font: bold 2em sans-serif; }
  15
  16      .table { display: table; }
  17      .row   { display: table-row; }
  18      .cell  { display: table-cell; }
  19
  20
  21   </STYLE>
  22
  23 </HEAD>
  24
  25 <BODY>
  26
  27 <H1>Table Inheritance Tests - 1</H1>
  28
  29 <p>If you have any comments to make regarding this test, e-mail <a
  30 href="mailto:py8ieh=eviltests-table@bath.ac.uk">py8ieh=eviltests@bath.ac.uk</a>.</p>
  31
  32 <dl>
  33  <dt>Prerequisites</dt>
  34  <dd>Browsers that are subjected to this test should support CSS1 and the CSS2 table model.</dd>
  35 </dl>
  36
  37 <H2>0. Control</H2>
  38
  39 <P>The following four tests should look identical, namely, like this:</P>
  40
  41 <DIV class="fancy">This text should be white on black, bold, twice the
  42 size of normal text, and sans serif.</DIV>
  43
  44 <P>There are some minor exceptions, however. The x.1 tests should fill
  45 the viewport width, the other tests need not. Also, browsers
  46 attempting to have backwards compatability with the buggy behaviour of
  47 legacy browsers may omit to inherit the color and font-size in 1.1,
  48 which will make 1.1 (but only 1.1) unreadable. That is the problem
  49 with not following the specs.</P>
  50
  51 <H2>1. HTML Tables</H2>
  52
  53 <H3>1.1 Inheritance through a DIV</H3>
  54 <DIV class=fancy><TABLE><TR><TD> This text should be white on black,
  55 bold, twice the size of normal text, and sans serif.
  56 </TD></TR></TABLE></DIV>
  57
  58
  59 <H3>1.2 Styles set directly on TABLE</H3>
  60 <TABLE class=fancy><TR><TD> This text should be white on black,
  61 bold, twice the size of normal text, and sans serif.
  62 </TD></TR></TABLE>
  63
  64
  65 <H2>2. Explicit CSS Tables</H2>
  66
  67 <H3>2.1 Inheritance through a DIV</H3>
  68 <DIV class=fancy><DIV class=table><DIV class=row><DIV class=cell> This
  69 text should be white on black, bold, twice the size of normal text,
  70 and sans serif. </DIV></DIV></DIV></DIV>
  71
  72 <H3>2.2 Styles set directly on TABLE</H3>
  73 <DIV class="fancy table"><DIV class=row><DIV class=cell> This text
  74 should be white on black, bold, twice the size of normal text, and
  75 sans serif. </DIV></DIV></DIV>
  76
  77 <H3>2.3 Styles set directly on ROW</H3>
  78 <DIV class=table><DIV class="fancy row"><DIV class=cell> This text
  79 should be white on black, bold, twice the size of normal text, and
  80 sans serif. </DIV></DIV></DIV>
  81
  82 <H3>2.4 Styles set directly on CELL</H3>
  83 <DIV class=table><DIV class=row><DIV class="fancy cell"> This text
  84 should be white on black, bold, twice the size of normal text, and
  85 sans serif. </DIV></DIV></DIV>
  86
  87
  88 <H2>3. Implicit CSS Tables (table explicit)</H2>
  89
  90 <H3>3.1 Inheritance through a DIV</H3>
  91 <DIV class=fancy><DIV class=table> This text should be white on black,
  92 bold, twice the size of normal text, and sans serif.
  93 </DIV></DIV>
  94
  95 <H3>3.2 Styles set directly on TABLE</H3>
  96 <DIV class="fancy table"> This text should be white on black,
  97 bold, twice the size of normal text, and sans serif.
  98 </DIV>
  99
 100
 101 <H2>4. Implicit CSS Tables (row explicit)</H2>
 102
 103 <H3>4.1 Inheritance through a DIV</H3>
 104 <DIV class=fancy><DIV class=row> This text should be white on black,
 105 bold, twice the size of normal text, and sans serif.
 106 </DIV></DIV>
 107
 108 <H3>4.2 Styles set directly on ROW</H3>
 109 <DIV class="fancy row"> This text should be white on black,
 110 bold, twice the size of normal text, and sans serif.
 111 </DIV>
 112
 113 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
 114
 115 <H2>5. Implicit CSS Tables (cell explicit)</H2>
 116
 117 <H3>5.1 Inheritance through a DIV</H3>
 118 <DIV class=fancy><DIV class=cell> This text should be white on black,
 119 bold, twice the size of normal text, and sans serif.
 120 </DIV></DIV>
 121
 122 <H3>5.2 Styles set directly on CELL</H3>
 123 <DIV class="fancy cell"> This text should be white on black,
 124 bold, twice the size of normal text, and sans serif.
 125 </DIV>
 126
 127
 128
 129 <h2>Submit Results</h2>
 130
 131     <FORM action="/%7Epy8ieh/cgi/newresult.pl" method="POST" class="resultsubmission">
 132       <P>How does your browser fare on this test?
 133         <SELECT NAME="result">
 134            <OPTION VALUE="M"> The tests all render identically, and this browser may or may not grok CSS2 tables. </OPTION>
 135            <OPTION VALUE="Y"> The tests all render identically, and this browser does grok CSS2 tables. </OPTION>
 136            <OPTION VALUE="N"> The tests all render identically, but this browser does not grok CSS2 tables. </OPTION>
 137            <OPTION VALUE="B"> The tests do not render all the same. </OPTION>
 138            <OPTION VALUE="D"> Any of the tests render black-on-black. </OPTION>
 139            <OPTION VALUE="U"> Untestable: CSS not supported. </OPTION>
 140         </SELECT>
 141         <LABEL>Comment: <INPUT TYPE="text" NAME="comment"></LABEL>
 142         <INPUT TYPE="submit" VALUE="Submit">
 143       </P>
 144     </FORM>
 145
 146
 147 <HR title="Footer">
 148 <p>Up to the <a href="home.html">Table Tests</A>.</p>
 149 <p>Up to the <a href="../home.html">Evil Tests Page</A>.</p>
 150 <P>Bugzilla: <a href="http://bugzilla.mozilla.org/show_bug.cgi?id=1959">Bug 1044</A></P>
 151 <p>This page is maintained by <a class=External HREF="http://www.bath.ac.uk/%7Epy8ieh/">Ian Hickson</A> (<a class=Mail HREF="mailto:py8ieh=website@bath.ac.uk">py8ieh@bath.ac.uk</A>).</p>
 152 <p>Last updated in March 1999.</p>
 153
 154 </BODY></HTML>