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揭秘》

你可能感兴趣的:(CSS属性以及属性值检测)