HTML and CSS Reference
In-Depth Information
mask-clip
This property specifies whether the mask clips to the border, padding, or content.
Syntax
mask-clip: border | padding | content
where the mask clips to the specified option.
Example
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
mask-clip Example
</title>
<style type="text/css">
div {height: 50px; width: 150px;
float: left;
margin: 20px; padding: 20px;
background-color: red;
font: bold xx-large;
border: 15px solid black;
-webkit-mask-image: url(starmask.png);
-webkit-mask-repeat: repeat;
-webkit-mask-size: 20px 20px;}
</style>
</head>
<body>
<div style="-webkit-mask-clip: content;">
content
</div>
<div style="-webkit-mask-clip: border;">
border
</div>
<div style="-webkit-mask-clip: padding;">
padding
</div>
</body>
</html>
O
NLINE
http://htmlref.com/ch6/maskclip.html
Compatibility
No specification
Chrome 2+, Safari 3.1+
Note
• In WebKit-based browsers this property is
-webkit-mask-clip
.