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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/borders/border-image-slices.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: Rebased, removed unnecessary border colors, etc. 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 div { 4 div {
5 border-width: 21px 30px 30px 21px; 5 border-width: 21px 30px 30px 21px;
6 width: 75px; 6 width: 75px;
7 height: 75px; 7 height: 75px;
8 margin: 10px; 8 margin: 10px;
9 display: inline-block; 9 display: inline-block;
10 border-image-source: url("resources/border-image.png") !important; 10 border-image-source: url("resources/border-image.png") !important;
11 border-image-slice: 21 30 30 21 fill !important; 11 border-image-slice: 21 30 30 21 fill !important;
12 border-style: solid;
12 } 13 }
13 14
14 div.rr { 15 div.rr {
15 -webkit-border-image: none 0 0 0 0 repeat repeat; 16 -webkit-border-image: none 0 0 0 0 repeat repeat;
16 } 17 }
17 18
18 div.rs { 19 div.rs {
19 -webkit-border-image: none 0 0 0 0 repeat stretch; 20 -webkit-border-image: none 0 0 0 0 repeat stretch;
20 } 21 }
21 22
22 div.sr { 23 div.sr {
23 -webkit-border-image: none 0 0 0 0 stretch repeat; 24 -webkit-border-image: none 0 0 0 0 stretch repeat;
24 } 25 }
25 26
26 div.ss { 27 div.ss {
27 -webkit-border-image: none 0 0 0 0 stretch stretch; 28 -webkit-border-image: none 0 0 0 0 stretch stretch;
28 border-image-slice: 21 30 30 21 !important; // Omit 'fill' to show a hollow center. 29 border-image-slice: 21 30 30 21 !important; // Omit 'fill' to show a hollow center.
29 } 30 }
30 </style> 31 </style>
31 </head> 32 </head>
32 <body> 33 <body>
33 <div class="rr"></div> 34 <div class="rr"></div>
34 <div class="rs"></div> 35 <div class="rs"></div>
35 <br> 36 <br>
36 <div class="sr"></div> 37 <div class="sr"></div>
37 <div class="ss"></div> 38 <div class="ss"></div>
38 </body> 39 </body>
39 </html> 40 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698