mask-clip-3-ref.html (819B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS mask-clip reference</title> 6 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 7 <style type="text/css"> 8 div { 9 position: absolute; 10 top: 10px; 11 background-color: purple; 12 } 13 14 div.border { 15 left: 10px; 16 margin: 1px 4px; 17 width: 60px; 18 height: 25px; 19 } 20 21 div.border2 { 22 left: 110px; 23 margin: 1px 4px; 24 width: 60px; 25 height: 25px; 26 } 27 28 div.content { 29 left: 210px; 30 margin: 15px 13px; 31 width: 40px; 32 height: 11px; 33 } 34 </style> 35 </head> 36 <body> 37 <div class="color border"></div> 38 <div class="color border2"></div> 39 <div class="color content"></div> 40 </body> 41 </html>