That's exactly what the problem was. I never even thought about that
because the css class declared it shorthand. The border-top-width,
etc. worked. Thanks for your help!
On May 2, 6:35 am, Paul Mills <paul.f.mi...@gmail.com> wrote:
> Hi,
> I think it may be to do with 'border' being shorthand for all the
> individual border properties.
> If you code this
> $('#byClass').append($('#byClass').css('border-top-width'));
> then it shows the width as '1px'.
>
> hth
> Paul
>
> On May 1, 9:39 pm, Panman01 <rpann...@gmail.com> wrote:
>
> > One thing to note, I've found that this only seems to work in Opera.
>
> > On May 1, 1:56 pm, Panman01 <rpann...@gmail.com> wrote:
>
> > > I have not been able to figure this out. If I missed some kind of RTFM
> > > or something obvious please let me know. I can take it ;) Thanks
>
> > > On Apr 30, 10:22 pm, Panman01 <rpann...@gmail.com> wrote:
>
> > > > I just want to note that Google Groups wrapped a couple lines of the
> > > > code. The DOCTYPE and jquery script will need to be fixed if you copy
> > > > the code to test it.
>
> > > > On Apr 30, 10:17 pm, Panman <rpann...@gmail.com> wrote:
>
> > > > > For some reason I cannot get jQuery.css('name') to return a style
> > > > > property that was assigned by a class. However, it returns the
> > > > > property if it was assigned by style="". Has anyone else run into this
> > > > > issue? Bug? Here is my test code:
>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
> > > > > TR/html4/strict.dtd">
> > > > > <html><head>
> > > > > <title>CSS Test</title>
> > > > > <style type="text/css">
> > > > > .apply-border {
> > > > > border: 1px solid blue;}
>
> > > > > </style>
> > > > > <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/
> > > > > jquery.min.js" type="text/javascript"></script>
> > > > > <script type="text/javascript">
> > > > > $(document).ready(function() {
> > > > > $('#byStyle').append($('#byStyle').css('border'));
> > > > > $('#byClass').append($('#byClass').css('border'));});
>
> > > > > </script>
> > > > > </head><body>
> > > > > <p id="byStyle" style="border: 1px solid green;">Border applied by
> > > > > style = </p>
> > > > > <p id="byClass" class="apply-border">Border applied by class = </p>
> > > > > </body></html>
