CSSプロパティは要素によってサポートされています

Question

基本的には、のChromeブラウザで、CSSプロパティ 'background-color'と 'color'をサポートするすべてのHTML要素を調べる必要があります。理想的には、カスケードして計算すると異なる色に関連するすべてのCSSプロパティ。私はCSS.supportsメソッドを使ってみましたが、それは変です。 ご協力いただければ幸いです。

Answer 1

すべてのHTML要素には、これらのCSSプロパティをサポートしています。

var styleProperties = [ 
    'color', 
    'backgroundColor' 
]; 
var stylePropertiesLength = styleProperties.length; 
var windowPropertyNames = Object.getOwnPropertyNames(window); 
for (var i in windowPropertyNames) { 
    if (windowPropertyNames.hasOwnProperty(i)) { 
     var windowPropertyName = windowPropertyNames[i];   
     if (windowPropertyName.indexOf('HTML') === 0) {        
      var documentElement = document.createElement(windowPropertyName);   
      for (var j = 0; j < stylePropertiesLength; j++) { 
       var styleProperty = styleProperties[j]; 
       var isSupported = (styleProperty in documentElement.style); 
       console.log(windowPropertyName + '.style.' + styleProperty + ' = ' + isSupported); 
      }      
      console.log(''); 
     } 
    } 
}