2.1.60 [CSS-Level2-2009] Section 10.4, Minimum and maximum widths: 'min-width' and 'max-width'

V0221:

The specification states:

 'min-width' 
  
 Value:                 <length> | <percentage> | inherit          
 Initial:               0
 Applies to:            all elements but non-replaced inline elements, table rows, 
                        and row groups
 Inherited:             no
 Percentages:           refer to width of containing block
 Media:                 visual
 Computed value:        the percentage as specified or the absolute length

Quirks Mode (All Version)

The min-width property is not supported.

IE7 Mode, IE8 Mode, IE9 Mode, IE10 Mode, IE11 Mode, and EdgeHTML Mode (All Versions)

The min-width property is not supported for elements that have the display property set to table-column-group.

IE7 Mode and IE8 Mode (All Versions)

The min-width property is not supported for elements that have the display property set to table-column.

IE7 Mode (All Versions)

The min-width property is supported for elements that have the display property set to one of the following values:

  • table-row-group

  • table-header-group

  • table-footer group

  • table-row

V0222:

The specification states:

 'max-width' 
  
 Value:                 <length> | <percentage> | none | inherit          
 Initial:               none
 Applies to:            all elements but non-replaced inline elements, table rows, 
                        and row groups
 Inherited:             no
 Percentages:           refer to width of containing block
 Media:                 visual
 Computed value:        the percentage as specified or the absolute length or ‘none’
  
 These two properties allow authors to constrain content widths to a certain range.

Quirks Mode (All Version)

The max-width property is not supported.

IE7 Mode, IE8 Mode, IE9 Mode, IE10 Mode, IE11 Mode, and EdgeHTML Mode (All Versions)

The max-width property is not supported for elements that have the display property set to the following:

  • table-column

  • table-column-group

IE7 Mode (All Versions)

The max-width property is supported for elements with the display property set to the following:

  • table-row-group

  • table-header-group

  • table-footer-group

  • table-row

IE8 Mode (All Versions)

The shrink-to-fit calculation is ignored for the max-width property.

The max-width property is ignored for width calculation when position is absolute.

V0224:

The specification states:

 Negative values for 'min-width' and 'max-width' are illegal.

IE7 Mode (All Versions)

The inherit value of the min-width and max-width properties is not supported.

V0225:

The specification states:

 The following algorithm describes how the two properties influence the used value 
 of the 'width' property:
  
 The tentative used width is calculated (without 'min-width' and 'max-width') 
 following the rules under "Calculating widths and margins" above.
 If the tentative used width is greater than 'max-width', the rules above are 
 applied again, but this time using the computed value of 'max-width' as the 
 computed value for 'width'.
 If the resulting width is smaller than 'min-width', the rules above are applied 
 again, but this time using the value of 'min-width' as the computed value for 
 'width'.
  
 These steps do not affect the real computed values of the above properties.

Quirks Mode (All Versions)

The min-width and the max-width properties are not supported.

V0226:

The specification states:

 However, for replaced elements with an intrinsic ratio and both 'width' and 
 'height' specified as 'auto', the algorithm is as follows:
  
 Select from the table the resolved height and width values for the appropriate 
 constraint violation. Take the max-width and max-height as max(min, max) so that 
 min ≤ max holds true. In this table w and h stand for the results of the width and 
 height computations ignoring the 'min-width', 'min-height', 'max-width' and 'max-
 height' properties. Normally these are the intrinsic width and height, but they may 
 not be in the case of replaced elements with intrinsic ratios.
  
 Note: In cases where an explicit width or height is set and the other dimension is 
 auto, applying a minimum or maximum constraint on the auto side can cause an over-
 constrained situation. The spec is clear in the behavior but it might not be what 
 the author expects. The CSS3 object fit property can be used to obtain different 
 results in this situation. 
  
 [SEE SPECIFICATIONS FOR THE TABLE]
  
 Then apply the rules under "Calculating widths and margins" above, as if 'width' 
 were computed as this value.

Quirks Mode (All Versions)

The following clarifications apply:

  • The min-height and max-height properties are not supported.

  • The rules that are captured in the table in this section are applied if the width OR the height values are set to auto, rather than only when BOTH values are set to auto.