Propriedades CSS alteradas

[@gilsones 4]

Bom dia,

 

Precisava pegar as propriedades CSS de um elemento, mas somente as que foram setadas, seja inline ou classe.

<style>
div span {
    display: block;
}
.texto {
    color: #ff0000;
}
</style>

<div>
    <span class="texto" style="background:#0000ff">Teste!</span>
</div>

Teria que me retornar somente as propriedades display, color e background.

Eu conheço o window.getComputedStyle(), mas ele retorna todas as propriedades CSS, eu preciso somente as que foram modificadas/setadas para o elemento, pois a ideia é unir tudo em uma classe só.

Alguém tem alguma ideia?

Obrigado!

 

[Snowden 94]

var get_bg = $('span').css('backgroundColor');

var get_display = $('span').css('display');

var get_color = $('span').css('color');

var RGBtoHEX = function(color) {

return "#"+$.map(color.match(/\b(\d+)\b/g),function(digit){

return ('0' + parseInt(digit).toString(16)).slice(-2)

}).join('');

};

 

// exibe as propriedades

alert( RGBtoHEX(get_bg) +"\n"+ get_display +"\n"+ RGBtoHEX(get_color) );

[@gilsones 4]

Obrigado pela resposta Hugo, mas meu código é só um exemplo, preciso fazer essa verificação em todos os elementos html do meu código, não posso chamar o valor pela prepriedade do CSS, pois varia muito, e ainda meu html é dinâmico.