summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/smil/style/anim-css-font-1-ref.svg
blob: de028ec6be3c873504eb9df5458ad845d7d57287 (plain)
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="300px" height="400px">

  <!-- 'inherit' to 'caption' -->
  <text x="0px"   y="50px" style="font: inherit">abc
  </text>
  <text x="50px"  y="50px" style="font: inherit">abc
  </text>
  <text x="100px" y="50px" style="font: inherit">abc
  </text>
  <text x="150px" y="50px" style="font: caption">abc
  </text>
  <text x="200px" y="50px" style="font: caption">abc
  </text>

  <!-- 'caption' to 'inherit' -->
  <text x="0px"   y="100px" style="font: inherit">abc
  </text>
  <text x="50px"  y="100px" style="font: caption">abc
  </text>
  <text x="100px" y="100px" style="font: caption">abc
  </text>
  <text x="150px" y="100px" style="font: inherit">abc
  </text>
  <text x="200px" y="100px" style="font: inherit">abc
  </text>

  <!-- 'caption' to 'icon' -->
  <text x="0px"   y="150px" style="font: inherit">abc
  </text>
  <text x="50px"  y="150px" style="font: caption">abc
  </text>
  <text x="100px" y="150px" style="font: caption">abc
  </text>
  <text x="150px" y="150px" style="font: icon">abc
  </text>
  <text x="200px" y="150px" style="font: icon">abc
  </text>

  <!-- 'caption' to 'menu' -->
  <text x="0px"   y="200px" style="font: inherit">abc
  </text>
  <text x="50px"  y="200px" style="font: caption">abc
  </text>
  <text x="100px" y="200px" style="font: caption">abc
  </text>
  <text x="150px" y="200px" style="font: menu">abc
  </text>
  <text x="200px" y="200px" style="font: menu">abc
  </text>

  <!-- 'caption' to 'message-box' -->
  <text x="0px"   y="250px" style="font: inherit">abc
  </text>
  <text x="50px"  y="250px" style="font: caption">abc
  </text>
  <text x="100px" y="250px" style="font: caption">abc
  </text>
  <text x="150px" y="250px" style="font: message-box">abc
  </text>
  <text x="200px" y="250px" style="font: message-box">abc
  </text>

  <!-- 'caption' to 'small-caption' -->
  <text x="0px"   y="300px" style="font: inherit">abc
  </text>
  <text x="50px"  y="300px" style="font: caption">abc
  </text>
  <text x="100px" y="300px" style="font: caption">abc
  </text>
  <text x="150px" y="300px" style="font: small-caption">abc
  </text>
  <text x="200px" y="300px" style="font: small-caption">abc
  </text>
</svg>