MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Your Search Results

    -webkit-mask Redirect 1

    Non-standard
    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.

    Summary

    The -webkit-mask property is a shorthand property for setting individual mask property values in a single place in the style sheet. -webkit-mask can be used to set the values for one or more of: -webkit-mask-image, -webkit-mask-repeat, -webkit-mask-attachment, -webkit-mask-position, -webkit-mask-origin, and -webkit-mask-clip.

    Syntax

    -webkit-mask: <mask-image> [<mask-repeat> || <mask-attachment> || <mask-position> || <mask-origin> || <mask-clip>]*
    

    Values

    mask-image
    Required. See -webkit-mask-image.
    mask-repeat
    Optional. See -webkit-mask-repeat.
    mask-attachment
    Optional. See -webkit-mask-attachment.
    mask-position
    Optional. See -webkit-mask-position.
    mask-origin
    Optional. See -webkit-mask-origin.
    mask-clip
    Optional. See -webkit-mask-clip.

    Examples

    .example {
        -webkit-mask: url('mask.png') no-repeat fixed 20px 20px padding padding;
    } 
    

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support 1.0 Not supported Not supported Not supported 4.0
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support 2.1 Not supported Not supported Not supported 3.2

    See also

    Document Tags and Contributors

    Contributors to this page: Sheppy
    Last updated by: Sheppy,
    Hide Sidebar