CSS属性以及属性值检测

纯粹的检测CSS属性:

function testProperty(property) {
  var root = document.documentElement;

  if (property in root.style) {
    root.classList.add(property.toLowerCase());
    return true;
  }

  root.classList.add('no-' + property.toLowerCase());
  return false;
}

如果需要检测某个具体的属性值是否受到浏览器的支持:

function testValue(id, value, property) {
  var dummy = document.createElement('p');
  dummy.style[property] = value;

  if (dummy.style[property]) {
    root.classList.add(id);
    return true;
  }

  root.classList.add('no-' + id);
  return false;
}

资料信息来自《CSS揭秘》

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,868评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,020评论 25 708
  • 目标 不使用套接字进行数据包传输。 在源端机器的内核态,组建一个TCP包并发送到目标机器。 在目标机器的内核态对自...
    lxgeek阅读 1,567评论 0 0
  • 我不懂为什么把这部电影定位成喜剧,我一点一点都不觉得好笑,反而心里很堵。看了看豆瓣的评论区觉得好像没有人看懂这部电...
    阑尔阅读 16,173评论 7 6