DevTools/Features/StyleInspector: Difference between revisions

DevTools/Features/StyleInspector (view source)

70 bytes removed , 31 August 2011

no edit summary

canmove, Confirmed users, Bureaucrats and Sysops emeriti

1,093

edits

@@ Line 36: / Line 36: @@
 * Ideally, when listing all property/values there would be a way to quickly locate the properties of interest
 * Properties should include a link to the matching MDN article to provide the user with further information about that property
-|Feature non-goals=Editing of the values is out of scope at this time.
 |Feature functional spec===== Invoking ====
@@ Line 67: / Line 66: @@
 If the user has set the border as "border: 1px solid blue", the "border-left-color" property will show rgb(0,0,255). When you expand that property, you'll see the rule displayed as, for example, "h1 -> border: 1px solid blue". The '''property name is displayed because it does not match the property name shown''' (F9). Additionally, "1px solid blue" is displayed for the value because '''that is how the stylesheet lists it''' (F10).
-(optional) A better default than showing all of the possible CSS properties is to show shortcut properties as appropriate, based on how the user has specified their styles. Using "border" as an example:
+(optional) A better default than showing all of the possible CSS properties is to show shorthand properties as appropriate, based on how the user has specified their styles. Using "border" as an example:
 * if the styles for an element only have "border", then border is the property displayed