gradientSyntax = (function() { var div = document.createElement('div'); var prefixes = [ '', '-webkit-', '-moz-', '-o-' ]; var syntax; for ( var i=0, len = prefixes.length; i < len; i++ ) { var prefix = prefixes[i]; syntax = prefix + 'linear-gradient'; div.style.cssText = 'background-image: ' + syntax + '(left top,#9f9, white);'; if ( div.style.backgroundImage ) { return syntax; } } // test legacy WebKit syntax syntax = '-webkit-gradient'; div.style.cssText = 'background-image: ' + syntax + '(linear,left top,right bottom,from(#9f9),to(white));'; if ( div.style.backgroundImage ) { return syntax; } })(); window.onload = function() { document.getElementById('syntax-output').textContent = gradientSyntax; };