W3cubDocs

/Support Tables

::first-letter CSS pseudo-element selector

CSS pseudo-element that allows styling only the first "letter" of text within an element. Useful for implementing initial caps or drop caps styling.

Spec https://www.w3.org/TR/css3-selectors/#first-letter
Status W3C Recommendation
IE Edge Firefox Chrome Safari Opera
      73    
    65 72    
    64 71 TP  
11 18 63 70 12 56
10 17 62 69 11.1 55
9 16 61 68 11 54
8 (3) 15 60 67 10.1 53
Show all
7 (3,4) 14 59 66 10 52
6 (3,4) 13 58 65 9.1 51
5.5 12 57 64 9 50
    56 63 8 49
    55 62 7.1 48
    54 61 7 47
    53 60 6.1 46
    52 59 6 45
    51 58 5.1 44
    50 57 5 43
    49 56 4 (1) 42
    48 55 3.2 (1) 41
    47 54 3.1 40
    46 53   39
    45 52   38
    44 51   37
    43 50   36
    42 49   35
    41 48   34
    40 47   33
    39 46   32
    38 45   31
    37 44   30
    36 43   29
    35 42   28
    34 41   27
    33 40   26
    32 39   25
    31 38   24
    30 37   23
    29 36   22
    28 35   21
    27 34   20
    26 33   19
    25 32   18
    24 31   17
    23 30   16
    22 29   15
    21 28   12.1
    20 27   12
    19 26   11.6
    18 25   11.5 (2)
    17 24   11.1 (2)
    16 23   11 (2)
    15 22   10.6 (2)
    14 21   10.5 (2)
    13 20   10.0-10.1 (2)
    12 19   9.5-9.6
    11 18   9
    10 17    
    9 16    
    8 15    
    7 14    
    6 13    
    5 12    
    4 11    
    3.6 10    
    3.5 9    
    3 (1) 8    
    2 (2) 7    
      6    
      5    
      4 (1)    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
12 all 67 10 46 70 63 11 11.8 7.2 1.2 7.12
11.3-11.4   4.4.3-4.4.4 7 12.1     10   6.2    
11.0-11.2   4.4   12         5    
10.3   4.2-4.3   11.5 (2)         4    
Show all
10.0-10.2   4.1   11.1 (2)              
9.3   4   11 (2)              
9.0-9.2   3   10 (2)              
8.1-8.4   2.3 (1)                  
8   2.2                  
7.0-7.1   2.1                  
6.0-6.1                      
5.0-5.1                      
4.2-4.3                      
4.0-4.1                      
3.2                      

Notes

The spec says that both letters of digraphs which are always capitalized together (such as "IJ" in Dutch) should be matched by ::first-letter, but no browser has ever implemented this.

  1. Excludes punctuation immediately after the first letter from the match. (The spec says it should be included in the match.)

  2. Acts like the first character is always a letter even when it's not. For example, given "!,X;", "!," is matched instead of the entire string.

  3. Only recognizes the deprecated :first-letter pseudo-class, not the ::first-letter pseudo-element.

  4. Only matches the very first character. The spec says that surrounding punctuation should also match.

Bugs

  • In webkit-based browsers first character of text inside elements, styled with ::first-letter, is not highlighted while selecting the text. See bug

  • Firefox appears to incorrectly cut off the top & bottom of a ::first-letter character in certain cases see Firefox bug #1233271

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-first-letter