js检测浏览器是否支持css的属性

1.如果你想用到CSS3中的圆角新特性，你应该使用 border-radius 义他们。但是因为这个特性仍然还没有最终定稿，所以浏览器们只支持他们对应的自己实现的版本。所以 -moz-border-radius 就对应于Mozilla Firefox， 而 -webkit-border-radius 则相对应于Safari和Chrome了。 对于Opera呢？也有自己的版本：-o-border-radius。

2.js设置和获取的时候可以采用驼峰式的写法。

div.style.webkitBorderRadius='2em';

3.js检测浏览器是否支持css的属性

先将检测的css属性与各个浏览器特定实现版本结合，并且转换为驼峰式写法，加入一个数组。并且也要把这个CSS属性单独转化为驼峰式写法加入这个数组（标准定义）。

遍历这个数组，检测数组中的元素是否在document.doucumentElement.style样式中。

<script>
	function supportCSS3(style){
		var prefix = ['webkit','ms','o','moz'];
		var i;
		var htmlStyle = document.documentElement.style;
		var testStyle = [];
		var upper = function (string){
			return string.replace(/-(\w)/g,function($0,$1)
			{
				return $1.toUpperCase();
			});
		};
		var str;
		for(i in prefix){
			str = upper(prefix[i]+'-'+style);
			testStyle.push(str);
		}
		str = upper(style);
		testStyle.push(str);
		for(i in testStyle){
			if(testStyle[i] in htmlStyle)
				return true;
		}
		return false;
	}
	document.write(supportCSS3('border-radius'));
</script>