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,792評論 1 92
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,869評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,075評論 25 708
  • 目標 不使用套接字進行數據包傳輸。 在源端機器的內核態,組建一個TCP包并發送到目標機器。 在目標機器的內核態對自...
    lxgeek閱讀 1,567評論 0 0
  • 我不懂為什么把這部電影定位成喜劇,我一點一點都不覺得好笑,反而心里很堵。看了看豆瓣的評論區覺得好像沒有人看懂這部電...
    闌爾閱讀 16,173評論 7 6