Modernizr CSS3 Sizing Values check (min-content, max-content, fill-content, fill-available)

modernizr.sizingvalues.js

(function(Modernizr) {

  'use strict';

  /**
   * Modernizr test to check if CSS3 Sizing values are supported
   * W3: http://www.w3.org/TR/css3-sizing/
   * CanIUse: http://caniuse.com/#feat=intrinsic-width
   *
   * Values to check:
   *   min-content
   *   max-content
   *   fill-content
   *   fill-available
   *
   * Extra check if all of the above are supported:
   *   sizingvalues
   *
   */

  var test = function (prop, val) {
    var element, property, value;
    property = prop + ':';
    value = val + ';';
    element = document.createElement('div');
    element.style.cssText = property + Modernizr._prefixes.join(value + property);
    testCount++;
    return !!element.style.length;
  };

  var supportsAll = function (array) {
    for (var i = 1; i < array.length; i++) {
      if (array[i] !== array[0] || array[i] === false) {
        return false;
      }
    }
    return true;
  };

  var results = [];
  var testCount = -1;

  Modernizr.addTest('mincontent', function() {
    results.push(test('width', 'min-content'));
    return results[testCount];
  });

  Modernizr.addTest('maxcontent', function() {
    results.push(test('width', 'max-content'));
    return results[testCount];
  });

  Modernizr.addTest('fillcontent', function() {
    results.push(test('width', 'fill-content'));
    return results[testCount];
  });

  Modernizr.addTest('fillavailable', function() {
    results.push(test('width', 'fill-available'));
    return results[testCount];
  });

  Modernizr.addTest('sizingvalues', function() {
    return supportsAll(results);
  });

})(Modernizr);

Thanks!

Might be worth adding this to the comment:

/**
 * Requires a Modernizr build with at least:
 *  - addtest
 *  - prefixes