border-shape-absolute-coords-shape.tentative.html (621B)
1 <!DOCTYPE html> 2 <title>CSS Borders Test: border-shape with absolute positioning</title> 3 <link rel="help" href="https://www.w3.org/TR/css-borders-4/#propdef-border-shape"> 4 <link rel="help" href="https://drafts.csswg.org/css-shapes-1/#shape-function"> 5 <link rel="match" href="border-shape-absolute-coords-shape-ref.tentative.html"> 6 <style> 7 .bs-target { 8 position: absolute; 9 top: 200px; 10 left: 0px; 11 width: 190px; 12 height: 190px; 13 border-shape: shape(from 0% 0%, line to 100% 0%, line to 50% 100%, close); 14 border: 10px solid purple; 15 background: green; 16 } 17 </style> 18 <div class="bs-target"></div>