clip-path-marginBox-1b.html (639B)
1 <!DOCTYPE html> 2 <title>CSS Masking: clip path with margin-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 margin-box."> 6 7 <style> 8 .clipped { 9 width: 50px; 10 height: 50px; 11 background-color: green; 12 clip-path: margin-box; 13 /* This outline draws far outside the margin box and should be partially clipped. */ 14 outline: 200px solid green; 15 margin: 25px; 16 /* Disables margin collapsing. */ 17 float: left; 18 } 19 </style> 20 <div class="clipped"></div>