No estándar
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
Si se especificado -webkit-mask-image , -webkit-mask-clip determina el comportamiento de recorte (clipping) de la imagen de máscara.
| Valor inicial | border |
|---|---|
| Applies to | all elements |
| Heredable | no |
| Media | visual |
| Valor calculado | como se especifica |
| Animatable | no |
| Canonical order | order of appearance in the formal grammar of the values |
Síntaxis
<clip-style>[, <clip-style>]*
donde:
- <clip-style>
border | padding | content | text
Valores
- border
Si se ha especificado border, la máscara de imagen se extiende hasta el borde del elemento.- padding
- Si se ha especificado
padding, la imagen de máscara de extiendo hasta el padding (relleno) del elemento. - content
- Si se ha espeficiado c
ontent, la imagen de máscara se recorta al tamaño del contenido del elemento. - text
- Si se ha especificado
text, la imagen de máscara de recorta al tamaño del texto del elemento.
Ejemplo
div {
-webkit-mask-image: url('/images/mask.png');
-webkit-mask-clip: padding;
}
Compatibilidad con los distintos navegadores
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Soporte básico | 1.0 | No support | No support | No support | 4.0 |
| Característica | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Soporte básico | 2.1 | No support | No support | No support | 3.2 |
Ver además
-webkit-mask, -webkit-mask-origin, -webkit-mask-box-image, -webkit-mask-image,-webkit-mask-composite,-webkit-mask-repeat