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

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: 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;
13 border-color: white;
12 } 14 }
13 15
14 div.rr { 16 div.rr {
15 -webkit-border-image: none 0 0 0 0 repeat repeat; 17 -webkit-border-image: none 0 0 0 0 repeat repeat;
16 } 18 }
17 19
18 div.rs { 20 div.rs {
19 -webkit-border-image: none 0 0 0 0 repeat stretch; 21 -webkit-border-image: none 0 0 0 0 repeat stretch;
20 } 22 }
21 23
22 div.sr { 24 div.sr {
23 -webkit-border-image: none 0 0 0 0 stretch repeat; 25 -webkit-border-image: none 0 0 0 0 stretch repeat;
24 } 26 }
25 27
26 div.ss { 28 div.ss {
27 -webkit-border-image: none 0 0 0 0 stretch stretch; 29 -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. 30 border-image-slice: 21 30 30 21 !important; // Omit 'fill' to show a hollow center.
29 } 31 }
30 </style> 32 </style>
31 </head> 33 </head>
32 <body> 34 <body>
33 <div class="rr"></div> 35 <div class="rr"></div>
34 <div class="rs"></div> 36 <div class="rs"></div>
35 <br> 37 <br>
36 <div class="sr"></div> 38 <div class="sr"></div>
37 <div class="ss"></div> 39 <div class="ss"></div>
38 </body> 40 </body>
39 </html> 41 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698