OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Test non-integer border-image-width</title> | 4 <title>Test non-integer border-image-width</title> |
5 <style> | 5 <style> |
6 .test { | 6 .test { |
7 border-style: solid; | 7 border-style: solid; |
8 border-width: 1px; | 8 border-width: 1.9px; |
9 border-image-width: 1.9; | 9 border-image-width: 1.9px; |
10 border-image-source: linear-gradient(to bottom, green, green); | 10 border-image-source: linear-gradient(to bottom, green, green); |
11 border-image-slice: 10; | 11 border-image-slice: 10; |
12 width: 100px; | 12 width: 100px; |
13 height: 100px; | 13 height: 100px; |
14 } | 14 } |
15 </style> | 15 </style> |
16 </head> | 16 </head> |
17 <body> | 17 <body> |
18 <p> | 18 <p> |
19 Test that border-image-width is rounded/truncated in the same | 19 Test that border-image-width is rounded/truncated in the same |
20 way as border-width. There should be a green border around a | 20 way as border-width. There should be a green border around a |
21 100x100 square below. | 21 100x100 square below. |
22 </p> | 22 </p> |
23 <div class="test"></div> | 23 <div class="test"></div> |
24 </body> | 24 </body> |
25 </html> | 25 </html> |
OLD | NEW |