Jquery, getting style: background (not background-color), border, etc, can't figure out how to do this

Question

It seems that firefox automatically combines things, such as it takes individual css values, such as for "border-color", "border-width" and dumps them all into "border".. this makes things a pain for jquery as the .css selector can only select the individual ones, like "border-color", not just "border" or "background".. I need to get the full value of "border" or "background" so that I can parse it to get the values I need.. I have read other posts and have tried the following but its not giving back the value:

test = $("#mydiv").attr("border");

Any advice is appreciated

Answer 1

I think you want to do this instead:

test = $("#mydiv").css("border");

EDIT: ok you can use plain old javascript:

test = $("#mydiv")[0].style.border