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

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-circle-padding.html

Issue 115253003: Layout support for new circle shape syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Use FloatSize/FloatPoint's more Created 6 years, 11 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 /* This test is the same as circle-shape-inside except that the circle's rad ius is 150px instead 5 /* This test is the same as circle-shape-inside except that the circle's rad ius is 150px instead
6 of 100px and shape-padding 50px has been specified. The expected result i s the same as the original test. 6 of 100px and shape-padding 50px has been specified. The expected result i s the same as the original test.
7 */ 7 */
8 #shape-inside { 8 #shape-inside {
9 position: relative; 9 position: relative;
10 width: 400px; 10 width: 400px;
11 height: 400px; 11 height: 400px;
12 shape-inside: circle(200px, 200px, 150px); 12 shape-inside: circle(150px at 200px 200px);
13 shape-padding: 50px; 13 shape-padding: 50px;
14 font: 141.42px/1 Ahem, sans-serif; 14 font: 141.42px/1 Ahem, sans-serif;
15 15
16 color: green; 16 color: green;
17 } 17 }
18 18
19 #shape-outline { 19 #shape-outline {
20 position: absolute; 20 position: absolute;
21 top: 0px; 21 top: 0px;
22 left: 0px; 22 left: 0px;
23 width: 400px; 23 width: 400px;
24 height: 400px; 24 height: 400px;
25 } 25 }
26 </style> 26 </style>
27 </head> 27 </head>
28 <body> 28 <body>
29 <div id="shape-inside"> 29 <div id="shape-inside">
30 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg"> 30 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg">
31 <circle cx="200" cy="200" r="100" stroke="blue" fill="none"/> 31 <circle cx="200" cy="200" r="100" stroke="blue" fill="none"/>
32 </svg> 32 </svg>
33 X 33 X
34 </div> 34 </div>
35 </body> 35 </body>
36 </html> 36 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698