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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/borders/border-image-rotate-transform.html

Issue 1457323004: Don't render border images when border-style is none (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years 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 <html> 1 <html>
2 <head> 2 <head>
3 <style> 3 <style>
4 body { overflow: hidden; } 4 body { overflow: hidden; }
5 div { 5 div {
6 border-width: 21px 30px 30px 21px; 6 border-width: 21px 30px 30px 21px;
7 width: 75px; 7 width: 75px;
8 height: 75px; 8 height: 75px;
9 margin: 10px; 9 margin: 10px;
10 display: inline-block; 10 display: inline-block;
11 border-style: solid;
12 border-color: white;
11 } 13 }
12 14
13 div.rr { 15 div.rr {
14 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat repeat; 16 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat repeat;
15 } 17 }
16 18
17 div.rs { 19 div.rs {
18 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat stretch; 20 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat stretch;
19 } 21 }
20 22
21 div.sr { 23 div.sr {
22 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch repeat; 24 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch repeat;
23 } 25 }
24 26
25 div.ss { 27 div.ss {
26 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch stretch; 28 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch stretch;
27 } 29 }
28 </style> 30 </style>
29 </head> 31 </head>
30 <body style="transform: rotate(10deg); -webkit-transform-origin: 0 250px"> 32 <body style="transform: rotate(10deg); -webkit-transform-origin: 0 250px">
31 <div class="rr"></div> 33 <div class="rr"></div>
32 <div class="rs"></div> 34 <div class="rs"></div>
33 <br> 35 <br>
34 <div class="sr"></div> 36 <div class="sr"></div>
35 <div class="ss"></div> 37 <div class="ss"></div>
36 </body> 38 </body>
37 </html> 39 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698