Skip to main content

Bug Tracker

Side navigation

#7085 closed bug (invalid)

Opened September 26, 2010 07:58PM UTC

Closed September 30, 2010 12:47AM UTC

Last modified March 15, 2012 12:25PM UTC

Animate border-width

Reported by: Futjikato Owned by:
Priority: undecided Milestone: 1.4.3
Component: unfiled Version: 1.4.2
Keywords: Cc:
Blocked by: Blocking:
Description

Animating borderWidth only works when the style is declared as inlinestyle.

I skeched the problem at jsFiddle.net ( http://jsfiddle.net/TkQM5/ ).

Attachments (0)
Change History (2)

Changed September 30, 2010 12:47AM UTC by dmethvin comment:1

resolution: → invalid
status: newclosed

The borderWidth property is a shorthand property and returns a string that is a series of numbers separated by spaces. The .animate() method is only documented to animate properties that are numeric, such as borderLeftWidth.

Changed June 14, 2011 09:41PM UTC by sebastian@artedemagia.com comment:2

Replying to [comment:1 dmethvin]:

The borderWidth property is a shorthand property and returns a string that is a series of numbers separated by spaces. The .animate() method is only documented to animate properties that are numeric, such as borderLeftWidth.

The first example is incorrect, it tries to animate a "borderWidth" property: http://api.jquery.com/animate/#example-0

And it could look like working when the border is increasing because the value returned by $().css("borderWidth") is the empty string (""), so it animates from 0 (equal to "") to the value set in the options of the .animate() method.