clip-path-paddingBox-1d.html (574B)
1 <!DOCTYPE html> 2 <title>CSS Masking: clip path with padding-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 padding-box."> 6 7 <style> 8 body { margin: 0; } 9 .clipped { 10 width: 100px; 11 height: 100px; 12 background-color: green; 13 clip-path: padding-box; 14 /* This border draws outside the padding box and should be clipped. */ 15 border: 8px solid red; 16 } 17 </style> 18 <div class="clipped"></div>