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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-vertical-text.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
« no previous file with comments | « LayoutTests/fast/shapes/shape-inside/shape-inside-text.html ('k') | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-dynamic-shape.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #shape-inside-vertical-lr { 5 #shape-inside-vertical-lr {
6 width: 200px; 6 width: 200px;
7 height: 220px; 7 height: 220px;
8 shape-inside: rectangle(15px, 20px, 150px, 175px); 8 shape-inside: polygon(15px 20px, 165px 20px, 165px 195px, 15px 195px);
9 -webkit-writing-mode: vertical-lr; 9 -webkit-writing-mode: vertical-lr;
10 position: relative; 10 position: relative;
11 } 11 }
12 #shape-inside-vertical-rl { 12 #shape-inside-vertical-rl {
13 width: 200px; 13 width: 200px;
14 height: 220px; 14 height: 220px;
15 shape-inside: rectangle(15px, 20px, 150px, 175px); 15 shape-inside: polygon(15px 20px, 165px 20px, 165px 195px, 15px 195px);
16 -webkit-writing-mode: vertical-rl; 16 -webkit-writing-mode: vertical-rl;
17 position: relative; 17 position: relative;
18 } 18 }
19 #border { 19 #border {
20 position: absolute; 20 position: absolute;
21 top: 15px; 21 top: 15px;
22 left: 10px; 22 left: 10px;
23 width: 160px; 23 width: 160px;
24 height: 185px; 24 height: 185px;
25 border: 2px solid blue; 25 border: 2px solid blue;
26 } 26 }
27 </style> 27 </style>
28 </head> 28 </head>
29 <body> 29 <body>
30 <div id="shape-inside-vertical-lr"> 30 <div id="shape-inside-vertical-lr">
31 <div id="border"></div> 31 <div id="border"></div>
32 This text should be contained by the blue square. 32 This text should be contained by the blue square.
33 </div> 33 </div>
34 <div id="shape-inside-vertical-rl"> 34 <div id="shape-inside-vertical-rl">
35 <div id="border"></div> 35 <div id="border"></div>
36 This text should be contained by the blue square. 36 This text should be contained by the blue square.
37 </div> 37 </div>
38 </body> 38 </body>
39 </html> 39 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/shapes/shape-inside/shape-inside-text.html ('k') | LayoutTests/fast/shapes/shape-outside-floats/shape-outside-dynamic-shape.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698