html-attribute-025.xht (1725B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Attribute 'rows' vs CSS 'height' specificity</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#preshint" /> 7 <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#preshint" /> 8 <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#preshint" /> 9 <meta name="assert" content="Attribute 'rows' has a specificity of zero and is overridden by CSS." /> 10 <style type="text/css"> 11 html 12 { 13 margin: 10px; 14 } 15 html, body, p, table, tr, td 16 { 17 border: none; 18 border-spacing: 0; 19 height: auto; 20 } 21 * 22 { 23 height: 150px; 24 border: 1px solid blue; 25 padding: 0; 26 margin: 0; 27 vertical-align: top; 28 } 29 div 30 { 31 background: orange; 32 border: none; 33 height: 152px; 34 width: 10px; 35 } 36 </style> 37 </head> 38 <body> 39 <p>Test passes if the height of the blue box is the same as the orange bar below.</p> 40 <table> 41 <tr> 42 <td> 43 <textarea rows="500" cols="5"></textarea> 44 </td> 45 <td> 46 <div></div> 47 </td> 48 </tr> 49 </table> 50 </body> 51 </html>