-
Notifications
You must be signed in to change notification settings - Fork 3.3k
/
Copy pathcss-e-notation-test-1.html
41 lines (40 loc) · 1.46 KB
/
css-e-notation-test-1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<title>CSS test: E-notation</title>
<link rel="author" title="Bert Bos" href="mailto:bert@w3.org">
<link rel="help" href="http://www.w3.org/TR/CSS2/syndata.html#numbers">
<link rel="match" href="css-e-notation-ref-1.html">
<meta name="flags" content="asis">
<meta name="assert" content="Test checks interpretation of numbers in e-notation.">
<style>
body {background: white; color: black; min-width: 400px}
</style>
<body>
<p>Test passes if all rectangles below are 300px wide
<p>
<svg height="190px" width="400px" viewbox="0 0 400 190"
xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
line {stroke: black}
#p0 {stroke-width: 300px}
#p1 {stroke-width: 3e2px}
#p2 {stroke-width: 3.0e2px}
#p3 {stroke-width: 30.0e1px}
#p4 {stroke-width: 300.0e0px}
#p5 {stroke-width: 3e+2px}
#p6 {stroke-width: 3E+2px}
#p7 {stroke-width: 0.3E+3px}
#p8 {stroke-width: 3000.0E-1px}
#p9 {stroke-width: 30000.000000000000000E-2px}
</style>
<line id="p0" x1="200" y1="0" x2="200" y2="10"/>
<line id="p1" x1="200" y1="20" x2="200" y2="30"/>
<line id="p2" x1="200" y1="40" x2="200" y2="50"/>
<line id="p3" x1="200" y1="60" x2="200" y2="70"/>
<line id="p4" x1="200" y1="80" x2="200" y2="90"/>
<line id="p5" x1="200" y1="100" x2="200" y2="110"/>
<line id="p6" x1="200" y1="120" x2="200" y2="130"/>
<line id="p7" x1="200" y1="140" x2="200" y2="150"/>
<line id="p8" x1="200" y1="160" x2="200" y2="170"/>
<line id="p9" x1="200" y1="180" x2="200" y2="190"/>
</svg>
</body>