tests/wpt/css-tests/css-transforms-1_dev/html/chapter-4.htm


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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
  <title>Terminology - CSS Transforms Module Level 1 CR Test Suite</title>
  <style type="text/css">
    @import "http://www.w3.org/StyleSheets/TR/base.css";
    @import "../indices.css";
  </style>
 </head>

 <body>

  <h1>CSS Transforms Module Level 1 CR Test Suite</h1>
  <h2>Terminology (5 tests)</h2>
  <table width="100%">
    <col id="test-column">
    <col id="refs-column">
    <col id="flags-column">
    <col id="info-column">
    <thead>
      <tr>
        <th>Test</th>
        <th><abbr title="Rendering References">Refs</abbr></th>
        <th>Flags</th>
        <th>Info</th>
      </tr>
    </thead>
    <tbody id="s4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s4">+</a>
        <a href="http://www.w3.org/TR/css-transforms-1/#terminology">4 Terminology</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#2d-matrix">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#3d-matrix">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#3d-rendering-context">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#accumulated-3d-transformation-matrix">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#bounding-box">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#current-transformation-matrix-ctm">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#identity-transform-function">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#local-coordinate-system">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#perspective-matrix">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#transformable-element">
      <!-- 5 tests -->
      <tr id="transform-display-001-4.#transformable-element" class="primary">
        <td><strong>
            <a href="transform-display-001.htm">transform-display-001</a></strong></td>
        <td><a href="reference/transform-display-ref.htm">=</a> <a href="reference/transform-display-notref.htm">&#x2260;</a> </td>
        <td></td>
        <td>Inline-Block
          <ul class="assert">
            <li>Inline-blocks are atomic inline-level elements, so should transform the same as blocks.</li>
          </ul>
        </td>
      </tr>
      <tr id="transform-display-002-4.#transformable-element" class="primary">
        <td><strong>
            <a href="transform-display-002.htm">transform-display-002</a></strong></td>
        <td><a href="reference/transform-display-ref.htm">=</a> <a href="reference/transform-display-notref.htm">&#x2260;</a> </td>
        <td></td>
        <td>Table
          <ul class="assert">
            <li>Inline-blocks are block-level elements, so should transform the same as blocks.</li>
          </ul>
        </td>
      </tr>
      <tr id="transform-display-003-4.#transformable-element" class="primary">
        <td><strong>
            <a href="transform-display-003.htm">transform-display-003</a></strong></td>
        <td><a href="reference/transform-display-ref.htm">=</a> <a href="reference/transform-display-notref.htm">&#x2260;</a> </td>
        <td></td>
        <td>Inline-Table
          <ul class="assert">
            <li>Inline-tables are atomic inline-level elements, so should transform the same as blocks.</li>
          </ul>
        </td>
      </tr>
      <tr id="transform-display-004-4.#transformable-element" class="primary">
        <td><strong>
            <a href="transform-display-004.htm">transform-display-004</a></strong></td>
        <td><a href="reference/transform-display-ref.htm">=</a> <a href="reference/transform-display-notref.htm">&#x2260;</a> </td>
        <td></td>
        <td>List-Item
          <ul class="assert">
            <li>List-items are block-level elements, so should transform the same as blocks.</li>
          </ul>
        </td>
      </tr>
      <tr id="transform-image-001-4.#transformable-element" class="primary">
        <td><strong>
            <a href="transform-image-001.htm">transform-image-001</a></strong></td>
        <td><a href="reference/transform-image-ref.htm">=</a> </td>
        <td></td>
        <td>Transformed &lt;img&gt;
          <ul class="assert">
            <li>An &lt;img&gt; is a transformable element, so transforms should work on it the same as any image. This test compares an img element with a 90deg rotation transform applied to a different image that was pre-rotated by 90 degrees.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s4.#transformation-matrix">
      <!-- 0 tests -->
    </tbody>
    <tbody id="s4.#user-coordinate-system">
      <!-- 0 tests -->
    </tbody>
  </table>

 </body>
</html>