signed-numbers-002.xht (1224B)
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 syntax: signed numbers</title> 5 <link rel="author" title="Bert Bos" href="mailto:bert@w3.org" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS22/syndata.html#numbers" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS22/changes.html#s.4.3.1" /> 8 <link rel="match" href="signed-numbers-001-ref.xht" /> 9 <meta name="assert" content='Both integers and real numbers may immediately be preceded by a "-" or "+" to indicate the sign.' /> 10 <style type="text/css"> 11 div {background: red; width: 20px; height: 100px} 12 div div {background: green; height: 20px} 13 .s1 {margin-left: + 30px} /* Invalid */ 14 .s2 {margin-left: - 10px} /* Invalid */ 15 .s3 {margin-left: -/**/10px} /* Invalid */ 16 .s4 {margin-left: 30px; margin-left: +00px} /* Valid */ 17 .s5 {margin-left: 30px; margin-left: -0.00px} /* Valid */ 18 </style> 19 </head> 20 <body> 21 <p>This should show a tall green bar, and no red.</p> 22 <div> 23 <div class="s1"></div> 24 <div class="s2"></div> 25 <div class="s3"></div> 26 <div class="s4"></div> 27 <div class="s5"></div> 28 </div> 29 </body> 30 </html>