Closed Bug 586977 Opened 9 years ago Closed 8 years ago

Investigate how the inspector style panel works with shorthand properties


(DevTools :: General, defect)

Not set


(Not tracked)



(Reporter: jwalker, Assigned: miker)



We have not done any testing to see what happens if we specify rules using both sorts or that we even support both sorts properly.

In addition, there should be an option to show shorthand properties for margin-*, padding-*, and for other properties, when possible. It makes glancing over the styles much quicker.
Assignee: nobody → mihai.sucan
We do need to make sure this is sane, but we don't necessarily need to go after the shorthand properties part of this description above.
Whiteboard: [kd4b6]
Whiteboard: [kd4b6]
I don't know about the Style Doctor or Style Editor but the Style Inspector works using calculated styles. Shorthand properties are not valid for calculated styles ... they are always longhand properties.

Something else to bear in mind is that not all longhand combinations can be displayed purely in shorthand.
border-top: 10px solid #f00;
border-right: 20px solid #0f0;
border-bottom: 30px dashed #00f;
border-left: 40px groove #ff0;

At the same time it certainly would be a very cool feature.
I wanted to make sure if we had: "border: 1px", and then looked at the border-width-top property, that we would see the border setting.
Tests fine
Assignee: mihai.sucan → mratcliffe
Closed: 8 years ago
Resolution: --- → FIXED
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.