Returning an empty string when using .css('border')

[[email protected]…]

Here is the code I used

<script type="text/javascript">
   $(document).ready(function(){
           $('h1').css({'border':'1px solid #ccc'});
           console.log($('h1').css('border'));
   });
</script>
<h1>Some Message</h1>

And the output using alert or using firebug is: (an empty string)

In IE9 border-width is detected and not the whole border property.

[Rick Waldron]

According to: ​http://api.jquery.com/css ....

Shorthand CSS properties (e.g. margin, background, border) are not supported. For example, if you want to retrieve the rendered margin, use: $(elem).css('marginTop') and $(elem).css('marginRight'), and so on.