javascript - Opera と Safari でボーダー CSS を取得する

Question

要素のインライン、外部、内部のすべての css プロパティを取得したいと考えています。

次のコードを使用して取得しています：

内部および外部 CSS の場合:

function getElementChildrenAndStyles(selector) {
  selector = selector.split(",").map(function(subselector){
        return subselector + "," + subselector + " *";
    }).join(",");
    elts = $(selector);

    var rulesUsed = [];
    // main part: walking through all declared style rules
    // and checking, whether it is applied to some element
    sheets = document.styleSheets;
    for(var c = 0; c < sheets.length; c++) {
        var rules = sheets[c].rules || sheets[c].cssRules;
        for(var r = 0; r < rules.length; r++) {
            var selectorText = rules[r].selectorText;
            var matchedElts = $(selectorText);
            for (var i = 0; i < elts.length; i++) {
                if (matchedElts.index(elts[i]) != -1) {
                    rulesUsed.push(rules[r]); break;
                }
            }
        }
    }
    var style = rulesUsed.map(function(cssRule){
        var cssText = cssRule.cssText;
        // some beautifying of css
        return cssText.replace(/(\{|;)\s+/g, "\$1\n  ").replace(/\A\s+}/, "}");
        // set indent for css here ^ 
    }).join("\n");
    return style;
}

インライン CSS の場合:

document.getElementById('elemid').style.cssText;

これはすべてのブラウザで正常に動作しています。

しかし、問題は、css にアラートを出すと、次のような境界線の詳細なプロパティが表示されることです。

border-top-color:#ccc
border-left-color:#ccc
border-bottom-color:#ccc
border-right-color:#ccc

border-top-width:1px
border-left-width:1px
border-bottom-width:1px
border-right-width:1px

border-top-style:solid
border-left-style:solid
border-bottom-style:solid
border-right-style:solid

これはopera n Safariでのみ発生しています...

そして、ボーダー用に1行のcssが必要です。例：border:1px solid #ccc