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

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-empty.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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #rectangles p { 5 #rectangles p {
6 width: 800px; 6 width: 800px;
7 height: 40px; 7 height: 40px;
8 line-height: 20px; 8 line-height: 20px;
9 margin-top: 50px; 9 margin-top: 50px;
10 background-color: green; 10 background-color: green;
11 } 11 }
12 12
13 #shape-inside-rectangle-width0 {
14 shape-inside: rectangle(0px, 0px, 0px, 1em);
15 }
16
17 #shape-inside-rectangle-height0 {
18 shape-inside: rectangle(0px, 0px, 1em, 0px);
19 }
20
21 #shape-inside-circle-radius0 { 13 #shape-inside-circle-radius0 {
22 shape-inside: circle(0px at 0px 0px); 14 shape-inside: circle(0px at 0px 0px);
23 } 15 }
24 16
25 #shape-inside-ellipse-radiusX0 { 17 #shape-inside-ellipse-radiusX0 {
26 shape-inside: ellipse(0px 1em at 0px 0px); 18 shape-inside: ellipse(0px 1em at 0px 0px);
27 } 19 }
28 20
29 #shape-inside-ellipse-radiusY0 { 21 #shape-inside-ellipse-radiusY0 {
30 shape-inside: ellipse(1em 0px at 0px 0px); 22 shape-inside: ellipse(1em 0px at 0px 0px);
31 } 23 }
32 24
33 #shape-inside-polygon-1vertex { 25 #shape-inside-polygon-1vertex {
34 shape-inside: polygon(0px 0px); 26 shape-inside: polygon(0px 0px);
35 } 27 }
36 28
37 #shape-inside-polygon-2vertices { 29 #shape-inside-polygon-2vertices {
38 shape-inside: polygon(0px 0px, 1em 0px); 30 shape-inside: polygon(0px 0px, 1em 0px);
39 } 31 }
40 </style> 32 </style>
41 </head> 33 </head>
42 <body> 34 <body>
43 <div id="rectangles"> 35 <div id="rectangles">
44 <p id="shape-inside-rectangle-width0" style="margin-top: 0px;"> 36 <p id="shape-inside-circle-radius0" style="margin-top: 0px;">
45 This text should be pushed down below the green rectangle. (There is a r ectangle(0px, 0px, 0px, 1em) shape-inside CSS property on the green rectangle.)
46 </p>
47 <p id="shape-inside-rectangle-height0">
48 This text should be pushed down below the green rectangle. (There is a r ectangle(0px, 0px, 1em, 0px) shape-inside CSS property on the green rectangle.)
49 </p>
50 <p id="shape-inside-circle-radius0">
51 This text should be pushed down below the green rectangle. (There is a c ircle(0px at 0px 0px) shape-inside CSS property on the green rectangle.) 37 This text should be pushed down below the green rectangle. (There is a c ircle(0px at 0px 0px) shape-inside CSS property on the green rectangle.)
52 </p> 38 </p>
53 <p id="shape-inside-ellipse-radiusX0"> 39 <p id="shape-inside-ellipse-radiusX0">
54 This text should be pushed down below the green rectangle. (There is an ellipse(0px 1em at 0px 0px) shape-inside CSS property on the green rectangle.) 40 This text should be pushed down below the green rectangle. (There is an ellipse(0px 1em at 0px 0px) shape-inside CSS property on the green rectangle.)
55 </p> 41 </p>
56 <p id="shape-inside-ellipse-radiusY0"> 42 <p id="shape-inside-ellipse-radiusY0">
57 This text should be pushed down below the green rectangle. (There is an ellipse(1em 0px at 0px 0px) shape-inside CSS property on the green rectangle.) 43 This text should be pushed down below the green rectangle. (There is an ellipse(1em 0px at 0px 0px) shape-inside CSS property on the green rectangle.)
58 </p> 44 </p>
59 <p id="shape-inside-polygon-1vertex"> 45 <p id="shape-inside-polygon-1vertex">
60 This text should be pushed down below the green rectangle. (There is a p olygon(0px 0px) shape-inside CSS property on the green rectangle.) 46 This text should be pushed down below the green rectangle. (There is a p olygon(0px 0px) shape-inside CSS property on the green rectangle.)
61 </p> 47 </p>
62 <p id="shape-inside-polygon-2vertices"> 48 <p id="shape-inside-polygon-2vertices">
63 This text should be pushed down below the green rectangle. (There is a po lygon(0px 0px, 1em 0px) shape-inside CSS property on the green rectangle.) 49 This text should be pushed down below the green rectangle. (There is a po lygon(0px 0px, 1em 0px) shape-inside CSS property on the green rectangle.)
64 </p> 50 </p>
65 </div> 51 </div>
66 <p style="margin-top: 50px;"> 52 <p style="margin-top: 50px;">
67 A dimension of every shape-inside on this page is defined to 0. Based on the CSS Exclusions specification: The 'shape-inside' property adds one or more excl usion areas to the element's wrapping context. 53 A dimension of every shape-inside on this page is defined to 0. Based on the CSS Exclusions specification: The 'shape-inside' property adds one or more excl usion areas to the element's wrapping context.
68 This modifies the normal rectangular shape of the content area to a possibly non-rectangular wrapping area. The exclusion areas are defined by subtracting t he shape from the element's content area.<br/> 54 This modifies the normal rectangular shape of the content area to a possibly non-rectangular wrapping area. The exclusion areas are defined by subtracting t he shape from the element's content area.<br/>
69 Every text on this page should be pushed down below its green rectangle. 55 Every text on this page should be pushed down below its green rectangle.
70 </p> 56 </p>
71 </body> 57 </body>
72 </html> 58 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698