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

Side by Side Diff: LayoutTests/csswg/contributors/adobe/submitted/shapes/shape-outside/shape-outside-floats-shape-margin-000.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>CSS Test: square shape-outside on floats</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 <link rel="author" title="Hans Muller" href="mailto:hmuller@adobe.com">
6 <link rel="help" href="http://dev.w3.org/csswg/css-shapes-1/#shape-margin-proper ty">
7 <link rel="match" href="shape-outside-floats-shape-margin-000-ref.html">
8 <meta name="flags" content="ahem">
9 <head>
10 <style>
11 #container {
12 font: 20px/1 Ahem, sans-serif;
13 line-height: 20px;
14 width: 200px;
15 height: 300px;
16 }
17
18 #float-left {
19 float: left;
20 position: relative;
21 overflow: visible;
22 width: 200px;
23 height: 300px;
24 shape-outside: polygon(20px 20px, 120px 20px, 120px 80px, 20px 80px);
25 shape-margin: 20px;
26 }
27
28 #svg-shape {
29 position: absolute;
30 display:block;
31 top: 0px;
32 left: 0px;
33 width: 142px;
34 height: 102px;
35 }
36 </style>
37
38 <body>
39 <p>The left edges of the five black squares should follow the right side of the outer rounded rectangle boundary and each square should appear on a subsequent l ine.</p>
40 <div id="container">
41 <div id="float-left">
42 <svg id="svg-shape" xmlns="http://www.w3.org/2000/">
43 <rect x="20" y="20" width="100" height="60" fill="none" stroke="gree n"></rect>
44 <rect x="1" y="1" width="140" height="100" rx="20" ry="20" fill="non e" stroke="green"></rect>
45 </svg>
46 </div>
47 X<br/>X<br/>X<br/>X<br/>X
48 </div>
49 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698