CSS Frame Generator

v. 1.00

What is it?

Ok, here's the deal. Put your XHTML code below, we will grab it and send over to one of our scientists. He will do his voodoo and in return you will get a corresponding CSS frame. And yup, it's free.

More information

This tool returns corresponding CSS in a line-by-line way indented with spaces to reflect XHTML structure - each selector and all of its properties and values in one line. This may be a bit strange for you at the beginning, but if you get used to it you'll find it much better. It's essential to use a predefined properties order, such as this one:

  1. display
  2. position
  3. z-index
  4. visibility
  5. overflow
  6. float
  7. clear
  8. list-style
  9. width
  10. height
  11. margin
  12. padding
  13. border
  14. background
  15. color
  16. font
  17. line-height
  18. text-*
  19. letter-spacing
  20. word-spacing
  21. word-wrap
  22. white-space
  23. vertical-align
  24. outline
  25. cursor

Markup Generator