border-color_transparent

border-clip_border-box

WeasyPrint

This browser

Assertion
Test transparent of border-color

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3     <title>CSS Backgrounds and Borders Test: border-clip_border-box</title>
 4     <link href="mailto:andong135@126.com" rel="author" title="Dong An">
 5     <link href="http://www.w3.org/TR/css3-background/#the-border-color" rel="help">
 6     <meta content="Test transparent of border-color" name="assert">
 7     <style type="text/css">
 8       .container {
 9         border: 1px solid red;
10         width:100px;
11         height:100px;
12         background-color:#eee;
13       }
14       .triangle-up {
15         height: 0;
16         width: 0;
17         border: 50px solid #e5c3b2;
18         border-color: transparent transparent #e5c3b2 transparent;
19       }
20     </style>
21 </head>
22 <body>
23 <p>Test passes if the shape is an up triangle </p>
24     <div class="container">
25         <div class="triangle-up"></div>
26     </div>
27 
28 
29 </body></html>