Upstream version 7.36.149.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / svg / as-background-image / background-image-preserveaspectRatio-support.html
index 1ad016a..e5e8d2f 100644 (file)
-<!DOCTYPE html>\r
-<html>\r
-<head>\r
-    <title>preserveAspectRatio test for background-image</title>\r
-    <style>\r
-        th {\r
-            background-color: #dd9;\r
-            font-family: sans-serif;\r
-        }\r
-\r
-        img, div {\r
-            /* background-color: #EBF; */\r
-            border: 2px dashed maroon;\r
-            height: 50px;\r
-            left: 100px;\r
-            overflow: visible;\r
-            padding: 3px;\r
-            top: 20px;\r
-            width: 200px;\r
-            box-sizing: border-box;\r
-        }\r
-    </style>\r
-</head>\r
-<body>\r
-    <table>\r
-        <tr>\r
-            <th>\r
-                viewBox?\r
-            </th>\r
-            <th>\r
-                preserve&shy;Aspect&shy;Ratio\r
-            </th>\r
-            <th>\r
-                &lt;img&gt;\r
-            </th>\r
-            <th>\r
-                &lt;div&gt;\r
-            </th>\r
-        </tr>\r
-        <tr>\r
-            <th rowspan=4>\r
-                No viewBox\r
-            </th>\r
-            <th>\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-default-default.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-default-default.svg)"></div>\r
-            </td>\r
-        </tr>\r
-        <tr>\r
-            <th>\r
-                none\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-default-none.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-default-none.svg)"></div>\r
-            </td>\r
-        </tr>\r
-        <tr>\r
-            <th>\r
-                meet\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-default-meet.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-default-meet.svg)"></div>\r
-            </td>\r
-        </tr>\r
-        <tr>\r
-            <th>\r
-                slice\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-default-slice.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-default-slice.svg)"></div>\r
-            </td>\r
-        </tr>\r
-        <tr>\r
-            <th rowspan=4>\r
-                viewBox\r
-            </th>\r
-            <th>\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-viewbox-default.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-viewbox-default.svg)"></div>\r
-            </td>\r
-        </tr>\r
-        <tr>\r
-            <th>\r
-                none\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-viewbox-none.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-viewbox-none.svg)"></div>\r
-            </td>\r
-        </tr>\r
-        <tr>\r
-            <th>\r
-                meet\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-viewbox-meet.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-viewbox-meet.svg)"></div>\r
-            </td>\r
-        </tr>\r
-        <tr>\r
-            <th>\r
-                slice\r
-            </th>\r
-            <td>\r
-                <img src="../as-image/resources/circle-viewbox-slice.svg" />\r
-            </td>\r
-            <td>\r
-                <div style="background: url(../as-image/resources/circle-viewbox-slice.svg)"></div>\r
-            </td>\r
-        </tr>\r
-    </table>\r
-</body>\r
-</html>\r
+<!DOCTYPE html>
+<html>
+<head>
+    <title>preserveAspectRatio test for background-image</title>
+    <style>
+        th {
+            background-color: #dd9;
+            font-family: sans-serif;
+        }
+
+        img, div {
+            /* background-color: #EBF; */
+            border: 2px dashed maroon;
+            height: 50px;
+            left: 100px;
+            overflow: visible;
+            padding: 3px;
+            top: 20px;
+            width: 200px;
+            box-sizing: border-box;
+        }
+    </style>
+</head>
+<body>
+    <table>
+        <tr>
+            <th>
+                viewBox?
+            </th>
+            <th>
+                preserve&shy;Aspect&shy;Ratio
+            </th>
+            <th>
+                &lt;img&gt;
+            </th>
+            <th>
+                &lt;div&gt;
+            </th>
+        </tr>
+        <tr>
+            <th rowspan=4>
+                No viewBox
+            </th>
+            <th>
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-default-default.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-default-default.svg)"></div>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                none
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-default-none.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-default-none.svg)"></div>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                meet
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-default-meet.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-default-meet.svg)"></div>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                slice
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-default-slice.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-default-slice.svg)"></div>
+            </td>
+        </tr>
+        <tr>
+            <th rowspan=4>
+                viewBox
+            </th>
+            <th>
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-viewbox-default.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-viewbox-default.svg)"></div>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                none
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-viewbox-none.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-viewbox-none.svg)"></div>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                meet
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-viewbox-meet.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-viewbox-meet.svg)"></div>
+            </td>
+        </tr>
+        <tr>
+            <th>
+                slice
+            </th>
+            <td>
+                <img src="../as-image/resources/circle-viewbox-slice.svg" />
+            </td>
+            <td>
+                <div style="background: url(../as-image/resources/circle-viewbox-slice.svg)"></div>
+            </td>
+        </tr>
+    </table>
+</body>
+</html>