open firebug, inspect something, open the options panel of the "Style" tab (in the right half) and uncheck "Expand Shorthand Properties"
On May 23, 10:29 am, Faminor <[email protected]> wrote: > Yes, but actually that is what css "shortcut" was invented for in the > first place, not to keep all the bulky code I pasted below and to be > able to easily change the values. > > What firebug does to the border property is unfortunately of no help, > as you argue. Yep, if you wish to edit one side of the element > border's width, you can do it in firebug by changing one of those > properties. But then, if you wish to play via firebug with the overall > border, it becomes really time consuming, as you have to go through > the whole bulk. And this makes you go back to your source file to do > any tweaks, which, unfortunately, undermines the necessity of firebug. > > I think earlier versions of firebug did not break down the border > property in this way. Personally, I liked that better ;) > > On May 23, 9:12 am, "Brian L. Matthews" <[email protected]> wrote: > > > > > > > > > > > On 5/22/10 1:30 PM, Faminor wrote: > > > > Good day, > > > > May I ask why is it so that a style simple as (e.g.): > > > > .element { > > > border:1px solid #E6E6E6; > > > } > > > > explodes in the firebug css style tab into: > > > > .element { > > > border-bottom-color:#E6E6E6; > > > border-bottom-style:solid; > > > border-bottom-width:1px; > > > border-left-color-ltr-source:physical; > > > border-left-color-rtl-source:physical; > > > border-left-color-value:#E6E6E6; > > > border-left-style-ltr-source:physical; > > > border-left-style-rtl-source:physical; > > > border-left-style-value:solid; > > > border-left-width-ltr-source:physical; > > > border-left-width-rtl-source:physical; > > > border-left-width-value:1px; > > > border-right-color-ltr-source:physical; > > > border-right-color-rtl-source:physical; > > > border-right-color-value:#E6E6E6; > > > border-right-style-ltr-source:physical; > > > border-right-style-rtl-source:physical; > > > border-right-style-value:solid; > > > border-right-width-ltr-source:physical; > > > border-right-width-rtl-source:physical; > > > border-right-width-value:1px; > > > border-top-color:#E6E6E6; > > > border-top-style:solid; > > > border-top-width:1px; > > > } > > > border is a shorthand property for some other properties, which are in > > turn shorthand properties for other properties. At the bottom, you get > > the above real properties (although I don't recognized the ones with > > value physical, but I'm certainly not a CSS expert). If Firebug didn't > > expand the shorthand properties, there'd be no way to modify the > > individual properties, and I think it's a useful indicator of what > > you're really doing with the border property. > > > Brian > > > -- > > You received this message because you are subscribed to the Google Groups > > "Firebug" group. > > To post to this group, send email to [email protected]. > > To unsubscribe from this group, send email to > > [email protected]. > > For more options, visit this group > > athttp://groups.google.com/group/firebug?hl=en. > > -- > You received this message because you are subscribed to the Google Groups > "Firebug" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group > athttp://groups.google.com/group/firebug?hl=en. -- You received this message because you are subscribed to the Google Groups "Firebug" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/firebug?hl=en.
