clip-path-borderBox-1d.html (578B)
1 <!DOCTYPE html> 2 <title>CSS Masking: clip path with border-box</title> 3 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> 4 <link rel="match" href="reference/green-100x100.html"> 5 <meta name="assert" content="Check that the 'clip-path' property supports border-box."> 6 7 <style> 8 .clipped { 9 width: 50px; 10 height: 50px; 11 background-color: green; 12 clip-path: border-box; 13 border: 25px solid green; 14 /* This outline draws outside the border box and should be clipped. */ 15 outline: 8px solid red; 16 } 17 </style> 18 <div class="clipped"></div>