Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(286)

Side by Side Diff: LayoutTests/csswg/contributors/adobe/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-003-expected.html

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix test expectations Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <title>shape-outside-floats-rounded-rectangle-003-reference.html</title>
3 <link rel="author" title="Adobe" href="http://html.adobe.com/">
4 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">
5 <meta name="flags" content="ahem dom">
6 <style>
7 .container {
8 position: relative;
9 font: 20px/1 Ahem, sans-serif;
10 width: 500px;
11 height: 200px;
12 border: 1px solid black;
13 }
14
15 .rounded-rect-ellipse {
16 z-index: -1;
17 width: 320px;
18 height: 160px;
19 border-radius: 160px / 80px;
20 background-color: blue;
21 overflow: hidden;
22 }
23
24 #left-rounded-rect-ellipse-outline {
25 position: absolute;
26 top: 20px;
27 left: 0px;
28 }
29
30 #right-rounded-rect-ellipse-outline {
31 position: absolute;
32 top: 20px;
33 right: 0px;
34 }
35
36 .left-rounded-rect-ellipse-float-line {
37 float: left;
38 clear: left;
39 height: 20px;
40 }
41
42 .right-rounded-rect-ellipse-float-line {
43 float: right;
44 clear: right;
45 height: 20px;
46 }
47 </style>
48
49 <body>
50 <p>The black squares should trace the right side of the ellipse's blue outline.< /p>
51 <div class="container">
52 X<br/>
53 <div id="left-rounded-rect-ellipse-outline" class="rounded-rect-ellipse"></d iv>
54 <!-- generated left-rounded-rect-float-line divs will be inserted here -->
55 X<br/>
56 X<br/>
57 X<br/>
58 X<br/>
59 X<br/>
60 X<br/>
61 X<br/>
62 X<br/>
63 X
64 </div>
65
66 <p>The black squares should trace the left side of the ellipse's blue outline.</ p>
67 <div class="container" style="text-align: right">
68 X<br/>
69 <div id="right-rounded-rect-ellipse-outline" class="rounded-rect-ellipse"></ div>
70 <!-- generated right-rounded-rect-float-line divs will be inserted here -- >
71 X<br/>
72 X<br/>
73 X<br/>
74 X<br/>
75 X<br/>
76 X<br/>
77 X<br/>
78 X<br/>
79 X
80 </div>
81 </body>
82
83 <script src="resources/rounded-rectangle.js"></script>
84 <script src="resources/subpixel-utils.js"></script>
85 <script>
86 genLeftRightRoundedRectFloatShapeOutsideRefTest({
87 roundedRect: {x: 0, y: 20, width: 320, height: 160, rx: 160, ry: 80},
88 containerWidth: 500,
89 containerHeight: 200,
90 lineHeight: 20,
91 floatElementClassSuffix: "rounded-rect-ellipse-float-line",
92 insertElementIdSuffix: "rounded-rect-ellipse-outline"
93 });
94 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698