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