CSS text-stroke and text-fill

Method of declaring the outline (stroke) width and color for text.

Spec https://compat.spec.whatwg.org/#text-fill-and-stroking
Status Unofficial / Note
IE Edge Firefox Chrome Safari Opera
      98 (*)    
    95 (1,*) 97 (*)    
    94 (1,*) 96 (*) TP (*)  
11 95 (*) 93 (1,*) 95 (*) 15 (*) 80 (*)
10 94 (*) 92 (1,*) 94 (*) 14.1 (*) 79 (*)
9 93 (*) 91 (1,*) 93 (*) 14 (*) 78 (*)
8 92 (*) 90 (1,*) 92 (*) 13.1 (*) 77 (*)
Show all
7 91 (*) 89 (1,*) 91 (*) 13 (*) 76 (*)
6 90 (*) 88 (1,*) 90 (*) 12.1 (*) 75 (*)
5.5 89 (*) 87 (1,*) 89 (*) 12 (*) 74 (*)
  88 (*) 86 (1,*) 88 (*) 11.1 (*) 73 (*)
  87 (*) 85 (1,*) 87 (*) 11 (*) 72 (*)
  86 (*) 84 (1,*) 86 (*) 10.1 (*) 71 (*)
  85 (*) 83 (1,*) 85 (*) 10 (*) 70 (*)
  84 (*) 82 (1,*) 84 (*) 9.1 (*) 69 (*)
  83 (*) 81 (1,*) 83 (*) 9 (*) 68 (*)
  81 (*) 80 (1,*) 81 (*) 8 (*) 67 (*)
  80 (*) 79 (1,*) 80 (*) 7.1 (*) 66 (*)
  79 (*) 78 (1,*) 79 (*) 7 (*) 65 (*)
  18 (1,*) 77 (1,*) 78 (*) 6.1 (*) 64 (*)
  17 (1,*) 76 (1,*) 77 (*) 6 (*) 63 (*)
  16 (1,*) 75 (1,*) 76 (*) 5.1 (*) 62 (*)
  15 (1,*) 74 (1,*) 75 (*) 5 (*) 60 (*)
  14 73 (1,*) 74 (*) 4 (*) 58 (*)
  13 72 (1,*) 73 (*) 3.2 (*) 57 (*)
  12 71 (1,*) 72 (*) 3.1 (*) 56 (*)
    70 (1,*) 71 (*)   55 (*)
    69 (1,*) 70 (*)   54 (*)
    68 (1,*) 69 (*)   53 (*)
    67 (1,*) 68 (*)   52 (*)
    66 (1,*) 67 (*)   51 (*)
    65 (1,*) 66 (*)   50 (*)
    64 (1,*) 65 (*)   49 (*)
    63 (1,*) 64 (*)   48 (*)
    62 (1,*) 63 (*)   47 (*)
    61 (1,*) 62 (*)   46 (*)
    60 (1,*) 61 (*)   45 (*)
    59 (1,*) 60 (*)   44 (*)
    58 (1,*) 59 (*)   43 (*)
    57 (1,*) 58 (*)   42 (*)
    56 (1,*) 57 (*)   41 (*)
    55 (1,*) 56 (*)   40 (*)
    54 (1,*) 55 (*)   39 (*)
    53 (1,*) 54 (*)   38 (*)
    52 (1,*) 53 (*)   37 (*)
    51 (1,*) 52 (*)   36 (*)
    50 (1,*) 51 (*)   35 (*)
    49 (1,*) 50 (*)   34 (*)
    48 (1,2) 49 (*)   33 (*)
    47 48 (*)   32 (*)
    46 47 (*)   31 (*)
    45 46 (*)   30 (*)
    44 45 (*)   29 (*)
    43 44 (*)   28 (*)
    42 43 (*)   27 (*)
    41 42 (*)   26 (*)
    40 41 (*)   25 (*)
    39 40 (*)   24 (*)
    38 39 (*)   23 (*)
    37 38 (*)   22 (*)
    36 37 (*)   21 (*)
    35 36 (*)   20 (*)
    34 35 (*)   19 (*)
    33 34 (*)   18 (*)
    32 33 (*)   17 (*)
    31 32 (*)   16 (*)
    30 31 (*)   15 (*)
    29 30 (*)   12.1
    28 29 (*)   12
    27 28 (*)   11.6
    26 27 (*)   11.5
    25 26 (*)   11.1
    24 25 (*)   11
    23 24 (*)   10.6
    22 23 (*)   10.5
    21 22 (*)   10.0-10.1
    20 21 (*)   9.5-9.6
    19 20 (*)   9
    18 19 (*)    
    17 18 (*)    
    16 17 (*)    
    15 16 (*)    
    14 15 (*)    
    13 14 (*)    
    12 13 (*)    
    11 12 (*)    
    10 11 (*)    
    9 10 (*)    
    8 9 (*)    
    7 8 (*)    
    6 7 (*)    
    5 6 (*)    
    4 5 (*)    
    3.6 4 (*)    
    3.5      
    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
15 (*) all 94 (*) 10 (*) 64 (*) 94 (*) 92 (1,*) 11 12.12 (*) 15.0 (*) 10.4 (*) 7.12 (*) 2.5 (1,*)
14.5-14.8 (*)   4.4.3-4.4.4 (*) 7 (*) 12.1     10   14.0 (*)      
14.0-14.4 (*)   4.4 (*)   12         13.0 (*)      
13.4-13.7 (*)   4.2-4.3 (*)   11.5         12.0 (*)      
Show all
13.3 (*)   4.1 (*)   11.1         11.1-11.2 (*)      
13.2 (*)   4 (*)   11         10.1 (*)      
13.0-13.1 (*)   3   10         9.2 (*)      
12.2-12.5 (*)   2.3 (*)             8.2 (*)      
12.0-12.1 (*)   2.2 (*)             7.2-7.4 (*)      
11.3-11.4 (*)   2.1 (*)             6.2-6.4 (*)      
11.0-11.2 (*)                 5.0-5.4 (*)      
10.3 (*)                 4 (*)      
10.0-10.2 (*)                        
9.3 (*)                        
9.0-9.2 (*)                        
8.1-8.4 (*)                        
8 (*)                        
7.0-7.1 (*)                        
6.0-6.1 (*)                        
5.0-5.1 (*)                        
4.2-4.3 (*)                        
4.0-4.1 (*)                        
3.2 (*)                        

Notes

Does not yet appear in any W3C specification. Was briefly included in a spec as the "text-outline" property, but this was removed.

  1. Firefox & Edge specifically only support the -webkit-text-stroke property (not using -moz- or -ms- prefix)

  2. Requires the layout.css.prefixes.webkit flag to be enabled.

* Partial support with prefix.

Bugs

  • Chrome & Safari do not support -webkit-text-stroke in the ::first-letter pseudo-element.

Resources

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