W3cubDocs

/Support Tables

CSS Masks

Method of displaying part of an element, using a selected image as a mask

Spec https://www.w3.org/TR/css-masking-1/
Status W3C Candidate Recommendation
IE Edge Firefox Chrome Safari Opera
    147 144    
    146 143 TP  
    145 142 26.1  
11 141 144 141 26.0 122
10 140 143 140 18.5-18.6 121
9 139 142 139 18.4 120
8 138 141 138 18.3 119
Show all
7 137 140 137 18.2 118
6 136 139 136 18.1 117
5.5 135 138 135 18.0 116
  134 137 134 17.6 115
  133 136 133 17.5 114
  132 135 132 17.4 113
  131 134 131 17.3 112
  130 133 130 17.2 111
  129 132 129 17.1 110
  128 131 128 17.0 109
  127 130 127 16.6 108
  126 129 126 16.5 107
  125 128 125 16.4 106
  124 127 124 16.3 105 (1,*)
  123 126 123 16.2 104 (1,*)
  122 125 122 16.1 103 (1,*)
  121 124 121 16.0 102 (1,*)
  120 123 120 15.6 101 (1,*)
  119 (1,*) 122 119 (1,*) 15.5 100 (1,*)
  118 (1,*) 121 118 (1,*) 15.4 99 (1,*)
  117 (1,*) 120 117 (1,*) 15.2-15.3 (1,*) 98 (1,*)
  116 (1,*) 119 116 (1,*) 15.1 (1,*) 97 (1,*)
  115 (1,*) 118 115 (1,*) 15 (1,*) 96 (1,*)
  114 (1,*) 117 114 (1,*) 14.1 (1,*) 95 (1,*)
  113 (1,*) 116 113 (1,*) 14 (1,*) 94 (1,*)
  112 (1,*) 115 112 (1,*) 13.1 (1,*) 93 (1,*)
  111 (1,*) 114 111 (1,*) 13 (1,*) 92 (1,*)
  110 (1,*) 113 110 (1,*) 12.1 (1,*) 91 (1,*)
  109 (1,*) 112 109 (1,*) 12 (1,*) 90 (1,*)
  108 (1,*) 111 108 (1,*) 11.1 (1,*) 89 (1,*)
  107 (1,*) 110 107 (1,*) 11 (1,*) 88 (1,*)
  106 (1,*) 109 106 (1,*) 10.1 (1,*) 87 (1,*)
  105 (1,*) 108 105 (1,*) 10 (1,*) 86 (1,*)
  104 (1,*) 107 104 (1,*) 9.1 (1,*) 85 (1,*)
  103 (1,*) 106 103 (1,*) 9 (1,*) 84 (1,*)
  102 (1,*) 105 102 (1,*) 8 (1,*) 83 (1,*)
  101 (1,*) 104 101 (1,*) 7.1 (1,*) 82 (1,*)
  100 (1,*) 103 100 (1,*) 7 (1,*) 81 (1,*)
  99 (1,*) 102 99 (1,*) 6.1 (1,*) 80 (1,*)
  98 (1,*) 101 98 (1,*) 6 (1,*) 79 (1,*)
  97 (1,*) 100 97 (1,*) 5.1 (1,*) 78 (1,*)
  96 (1,*) 99 96 (1,*) 5 (1,*) 77 (1,*)
  95 (1,*) 98 95 (1,*) 4 (1,*) 76 (1,*)
  94 (1,*) 97 94 (1,*) 3.2 75 (1,*)
  93 (1,*) 96 93 (1,*) 3.1 74 (1,*)
  92 (1,*) 95 92 (1,*)   73 (1,*)
  91 (1,*) 94 91 (1,*)   72 (1,*)
  90 (1,*) 93 90 (1,*)   71 (1,*)
  89 (1,*) 92 89 (1,*)   70 (1,*)
  88 (1,*) 91 88 (1,*)   69 (1,*)
  87 (1,*) 90 87 (1,*)   68 (1,*)
  86 (1,*) 89 86 (1,*)   67 (1,*)
  85 (1,*) 88 85 (1,*)   66 (1,*)
  84 (1,*) 87 84 (1,*)   65 (1,*)
  83 (1,*) 86 83 (1,*)   64 (1,*)
  81 (1,*) 85 81 (1,*)   63 (1,*)
  80 (1,*) 84 80 (1,*)   62 (1,*)
  79 (1,*) 83 79 (1,*)   60 (1,*)
  18 (6,7) 82 78 (1,*)   58 (1,*)
  17 (4,5) 81 77 (1,*)   57 (1,*)
  16 80 76 (1,*)   56 (1,*)
  15 79 75 (1,*)   55 (1,*)
  14 78 74 (1,*)   54 (1,*)
  13 77 73 (1,*)   53 (1,*)
  12 76 72 (1,*)   52 (1,*)
    75 71 (1,*)   51 (1,*)
    74 70 (1,*)   50 (1,*)
    73 69 (1,*)   49 (1,*)
    72 68 (1,*)   48 (1,*)
    71 67 (1,*)   47 (1,*)
    70 66 (1,*)   46 (1,*)
    69 65 (1,*)   45 (1,*)
    68 64 (1,*)   44 (1,*)
    67 63 (1,*)   43 (1,*)
    66 62 (1,*)   42 (1,*)
    65 61 (1,*)   41 (1,*)
    64 60 (1,*)   40 (1,*)
    63 59 (1,*)   39 (1,*)
    62 58 (1,*)   38 (1,*)
    61 57 (1,*)   37 (1,*)
    60 56 (1,*)   36 (1,*)
    59 55 (1,*)   35 (1,*)
    58 54 (1,*)   34 (1,*)
    57 53 (1,*)   33 (1,*)
    56 52 (1,*)   32 (1,*)
    55 51 (1,*)   31 (1,*)
    54 50 (1,*)   30 (1,*)
    53 49 (1,*)   29 (1,*)
    52 (2) 48 (1,*)   28 (1,*)
    51 (2) 47 (1,*)   27 (1,*)
    50 (2) 46 (1,*)   26 (1,*)
    49 (2) 45 (1,*)   25 (1,*)
    48 (2) 44 (1,*)   24 (1,*)
    47 (2) 43 (1,*)   23 (1,*)
    46 (2) 42 (1,*)   22 (1,*)
    45 (2) 41 (1,*)   21 (1,*)
    44 (2) 40 (1,*)   20 (1,*)
    43 (2) 39 (1,*)   19 (1,*)
    42 (2) 38 (1,*)   18 (1,*)
    41 (2) 37 (1,*)   17 (1,*)
    40 (2) 36 (1,*)   16 (1,*)
    39 (2) 35 (1,*)   15 (1,*)
    38 (2) 34 (1,*)   12.1
    37 (2) 33 (1,*)   12
    36 (2) 32 (1,*)   11.6
    35 (2) 31 (1,*)   11.5
    34 (2) 30 (1,*)   11.1
    33 (2) 29 (1,*)   11
    32 (2) 28 (1,*)   10.6
    31 (2) 27 (1,*)   10.5
    30 (2) 26 (1,*)   10.0-10.1
    29 (2) 25 (1,*)   9.5-9.6
    28 (2) 24 (1,*)   9
    27 (2) 23 (1,*)    
    26 (2) 22 (1,*)    
    25 (2) 21 (1,*)    
    24 (2) 20 (1,*)    
    23 (2) 19 (1,*)    
    22 (2) 18 (1,*)    
    21 (2) 17 (1,*)    
    20 (2) 16 (1,*)    
    19 (2) 15 (1,*)    
    18 (2) 14 (1,*)    
    17 (2) 13 (1,*)    
    16 (2) 12 (1,*)    
    15 (2) 11 (1,*)    
    14 (2) 10 (1,*)    
    13 (2) 9 (1,*)    
    12 (2) 8 (1,*)    
    11 (2) 7 (1,*)    
    10 (2) 6 (1,*)    
    9 (2) 5 (1,*)    
    8 (2) 4 (1,*)    
    7 (2)      
    6 (2)      
    5 (2)      
    4 (2)      
    3.6 (2)      
    3.5 (2)      
    3      
    2      
Safari on iOS Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser KaiOS Browser
26.1                        
26.0 all 141 10 (1,*) 80 141 143 11 15.5 (1,*) 28 14.9 (1,*) 13.52 (1,*) 3.0-3.1
18.5-18.6   4.4.3-4.4.4 (1,*) 7 (1,*) 12.1     10   27     2.5 (2)
18.4   4.4 (1,*)   12         26      
18.3   4.2-4.3 (1,3,*)   11.5         25      
Show all
18.2   4.1 (1,3,*)   11.1         24 (1,*)      
18.1   4 (1,3,*)   11         23 (1,*)      
18.0   3 (1,3,*)   10         22 (1,*)      
17.6-17.7   2.3 (1,3,*)             21 (1,*)      
17.5   2.2 (1,3,*)             20 (1,*)      
17.4   2.1 (1,3,*)             19.0 (1,*)      
17.3                 18.0 (1,*)      
17.2                 17.0 (1,*)      
17.1                 16.0 (1,*)      
17.0                 15.0 (1,*)      
16.6-16.7                 14.0 (1,*)      
16.5                 13.0 (1,*)      
16.4                 12.0 (1,*)      
16.3                 11.1-11.2 (1,*)      
16.2                 10.1 (1,*)      
16.1                 9.2 (1,*)      
16.0                 8.2 (1,*)      
15.6-15.8                 7.2-7.4 (1,*)      
15.5                 6.2-6.4 (1,*)      
15.4                 5.0-5.4 (1,*)      
15.2-15.3 (1,*)                 4 (1,*)      
15.0-15.1 (1,*)                        
14.5-14.8 (1,*)                        
14.0-14.4 (1,*)                        
13.4-13.7 (1,*)                        
13.3 (1,*)                        
13.2 (1,*)                        
13.0-13.1 (1,*)                        
12.2-12.5 (1,*)                        
12.0-12.1 (1,*)                        
11.3-11.4 (1,*)                        
11.0-11.2 (1,*)                        
10.3 (1,*)                        
10.0-10.2 (1,*)                        
9.3 (1,*)                        
9.0-9.2 (1,*)                        
8.1-8.4 (1,*)                        
8 (1,*)                        
7.0-7.1 (1,*)                        
6.0-6.1 (1,*)                        
5.0-5.1 (1,*)                        
4.2-4.3 (1,*)                        
4.0-4.1 (1,*)                        
3.2 (1,*)                        

Notes

  1. Partial support in WebKit/Blink browsers refers to supporting the mask-image and mask-box-image properties, but lacking support for other parts of the spec.

  2. Partial support in Firefox refers to only support for inline SVG mask elements i.e. mask: url(#foo).

  3. Partial support refers to supporting the mask-box-image shorthand but not the longhand properties

  4. Can be enabled in MS edge behind the "Enable CSS Masking" flag.

  5. Partial support refers to supporting mask-image and mask-size

  6. Partial support refers to supporting mask-image, mask-size, mask-position, mask-repeat and mask-composite

  7. Edge also recognizes and supports all the -webkit- prefixed equivalents of the unprefixed properties for site compatibility

* Partial support with prefix.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/css-masks