Bug Tracker

Ticket #9839 (closed bug: invalid)

Opened 3 years ago

Last modified 3 years ago

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

Reported by: edmandie.samonte@… Owned by:
Priority: low Milestone: 1.next
Component: css Version: 1.6.2
Keywords: Cc:
Blocking: Blocked by:

Description

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.

Change History

comment:1 Changed 3 years ago by rwaldron

  • Priority changed from undecided to low
  • Resolution set to invalid
  • Status changed from new to closed
  • Component changed from unfiled to css

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.

Note: See TracTickets for help on using tickets.