W3cubDocs

/Support Tables

CSS3 Box-sizing

Method of specifying whether or not an element's borders and padding should be included in size units

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

Notes

Firefox currently also supports the padding-box in addition to content-box and border-box, though this value has been removed from the specification.

* Partial support with prefix.

Bugs

  • Android browsers do not calculate correctly the dimensions (width and height) of the HTML select element.

  • Safari 6.0.x does not use box-sizing on elements with display: table;

  • IE9 will subtract the width of the scrollbar to the width of the element when set to position: absolute / fixed , overflow: auto / overflow-y: scroll

  • IE 8 ignores box-sizing: border-box if min/max-width/height is used.

  • Chrome has problems selecting options from the select element when using box-sizing: border-box and browser zoom level is less than 100%.

  • In IE8, the min-width property applies to content-box even if box-sizing is set to border-box.

Resources

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