ブラウザのスニッフィング - 枠の半径％

Question

％の値を持つボーダー半径をサポートしていないブラウザを検出しようとするといいでしょう。私は境界線の半径を検出しようとするために、以下のコードを使用しましたが、ボールを演奏していません。空のアラートボックスが表示されます。

function getStyle(ele,styleProp){ 
      var x = document.getElementById(ele); 
      if(x.currentStyle){ 
       var y = x.currentStyle[styleProp]; 
      }else if(window.getComputedStyle){ 
       var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp); 
      } 
      return y;    
     } 

     $('body').append('<div id="test"></div>'); 

     var style = getStyle('test','-webkit-border-radius'); 
     alert(style); 

私はそれがやや限られたようだhere

からこのコードを持って、それは、高さ&幅、背景色の罰金だが、パディング、マージン、そしてもちろんの国境半径に空を返します。

この制限の原因は何ですか。

Answer 1

"margin-left"、 "padding-bottom"、 "border-top-right-radius"などの実際のプロパティへのショートカットはすべて "margin"、 "padding"、 "border-radius" "それらを得ることを試みなさい。

Answer 2

modernizrを使用すると、ボーダー半径のサポートを検出したり、コードを調べたりすることができます。