How to convert shorthand CSS to longhand?


Tags: css,css-sprites

Problem :

Is there any tool which can automatically convert shorthand css to longhand? I need this cause I want to use SmartSprites which does not work well with shorthand.

And prefably also a tool which does the reverse, so after the sprite computation i can minify the css as much as possible...

Also any other solutions for automatic spiriting is welcome, basically im looking for some command line tools which can be integrated into the build process so that the developers still develop on the raw css code.



Solution :

You can use Dragonfly on Opera. Dragonfly is like Firebug on Firefox and Chrome but developed by Opera. There is a function in Dragonfly which let you alter the shorthand and vica versa. Check opera.com/dragonfly/documentation/


    CSS Howto..

    How to override a templates default option with javascript and css

    CSS How to attach input box to bottom of divider window

    How can i expand the content through css?

    CSS: How to set minimum and maximum height according to inside?

    how to make dropdown menu using html & css

    MeteorJs: how to add multiple js and css file based on templates.?

    How to identify device to make separate css for iPad and Galaxy Tab?

    How to properly align icon and text in a table?

    How to responsive the large background image using CSS (WordPress)

    How to override global style for img tag in css

    how to use querySelector to select dynamic added elements

    How to bound CSS3 animation to class

    How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?

    How to get cards with his content perfectly alligned

    How can I make my form field have a background image?

    How to set an image when we select its sub menu

    How do I move a list's bullet point to the right side of the text?

    How can I get facing html elements to left-align and right-align, respectively, preferably using CSS?

    How to set two values for one css property?

    how to clear all css styles

    How to inscribe the following shape with CSS inside div?

    How to insert a div in between flexbox rows and keep everything responsive?

    How to create an ActionImage from a CSS Sprite

    How to make text responsive to div size?

    How to make an image 'pop out' when page is loaded (using jQuery or possibly CSS transitions)

    How to change the CSS after image lazy loading (jQuery)? [closed]

    How to enable top and bottom margins between a series of spans inside a div?

    How to hide p1 within div

    How to apply multiple css transform properties using Jquery

    how to prevent vertical Stepdown