W3cubDocs

/Support Tables

Intrinsic & Extrinsic Sizing

Allows for the heights and widths to be specified in intrinsic values using the max-content, min-content, fit-content and stretch (formerly fill) properties.

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

Notes

Prefixes are on the values, not the property names (e.g. -webkit-min-content)

Older webkit browsers also support the unofficial intrinsic value which acts the same as max-content.

  1. Firefox does not support the height/min-height/max-height properties, only width. See test case, Firefox bug.

  2. Firefox currently supports the -moz-available property rather than -moz-stretch.

  3. Does not support the flex-basis property. See specs, Blink bug, Firefox bug.

  4. Chrome does not yet unprefix stretch (aka fill/fill-available), because the CSSWG is not ready for that yet. See Chromium bug

* Partial support with prefix.

Bugs

  • Safari does not yet support usage with CSS Grid Layout properties such as grid-template-rows.

Resources

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