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..

    show a website loading image using only CSS (not Javascript or jQuery)

    showing/hiding content is not working in JQuery/CSS

    CSS Transition not showing with directive

    How to left-align the text in a Bootstrap accordion

    How to access CSS generated content with JavaScript

    CSS Grow on hover adds padding to the bottom of an image, how do I stop this from happening?

    How to only underline text element inside an element in CSS?

    How to style for only non-touch devices in css?

    How to force a hover state with jQuery?

    How to use CSS timing functions to animate an arc?

    How to deselect a table's head and certain tds with css

    How can I make a table column width somewhat similar automatically?

    How to ensure CSS :hover is applied to dynamically added element

    angularjs ui-grid changing column height to auto causes weird line to show up on other columns

    How to disable the collapsing feature in twitter bootstrap 3?

    How to target all divs of the same class except for hovered over div?

    With CSS, how do you unhighlight a link after clicking a different link?

    How to make a list of “background-image” CSS using WebDriver with Java

    How can I hide the extra list items that don't fit within a fixed-height box?

    How to include a font .ttf using CSS?

    CSS how to target element beside my current element?

    How to delay one transition but not the other?

    CSS: how to make the font icon and text under it closer?

    How to position hidden speech bubbles

    How to have only a vertical scroll bar on a div

    How to use conditional CSS for IE browser in drupal6?

    If div is visible, than show that content in other div with jQuery

    How to call CSS animation manually with Javascript?

    How to make images autoscale regardless of height (like on tumblr blogs)

    How to get css to work in Django [closed]