Bug 37612 - CSS outline property shows in reverse order
Summary: CSS outline property shows in reverse order
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.6
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-04-14 14:53 PDT by Alfred Morgan
Modified: 2013-03-08 10:08 PST (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Alfred Morgan 2010-04-14 14:53:16 PDT
Summary:
When I pull up the web inspector I found that the outline css property shows in reverse order (width, style, color).
It should be color, style, width – http://www.w3.org/TR/1998/REC-CSS2-19980512/ui.html#propdef-outline

Steps to reproduce:
1. put this in your url bar – javascript:document.write('<p style="outline: red solid 1px">Hello</p>')
2. Inspect Element on Hello

Expected Results:
CSS Property outline should show up in the correct order: red solid 1px

Actual Results:
Shows up as 1px solid red

Regression:
I noticed this in Safari 4.0.5. I Tried the April 13th nightly build and confirmed it there too.
The border property is in the order of width, style, color.  Maybe it was confused with that?
Comment 1 Alexey Proskuryakov 2010-04-16 11:35:04 PDT
This is what is returned from HTMLElement.style.outline property.
Comment 2 Jared Wyles 2013-03-08 01:09:20 PST
Hello,

I have tried this bug out on Version 25.0.1364.155 of chrome. This does not still be apear to be an issue.
Can you confirm you are still seeing this?

Thanks.
Comment 3 Alfred Morgan 2013-03-08 10:08:26 PST
I checked Safari Version 6.0.2 and it appears to be working there as well.
Fixed, Thanks.