emacs css-mode indent-buffer fix

Ive been using emacs for some years now, but I always noticed the css mode seemed to format it a little strange.

I found this article, it fixes all the issues in the css mode.

(setq cssm-indent-level 4)
(setq cssm-newline-before-closing-bracket t)
(setq cssm-indent-function #'cssm-c-style-indenter)
(setq cssm-mirror-mode nil)

Now when I auto indent the buffer it looks correctly. I have no idea why this is not the default for the css-mode.

FYI my auto indent key is F2.

(defun indent-buffer ()
    (save-excursion (indent-region (point-min) (point-max) nil))
(global-set-key [f2] 'indent-buffer)

8 Responses to “emacs css-mode indent-buffer fix”

  1. Knusper Says:

    The CSS Mode has been improved in the new emacs 22.2 (came out on March 26th 2008). Now its really good!

  2. bread Says:

    That’s great helpful information. This is what I was looking for. Thank you for sharing and the “this” link was broken, BTW.


  3. Chris Miller’s Blog » Blog Archive » Fix css-mode indention in emacs Says:

    […] to for saving my sanity. Leave a […]

  4. kevin Says:


  5. Rob Searles » Emacs CSS-Mode Fix (adding to the chain!) Says:

    […] and posted a fix, which he himself found on another blog post by Chris Miller, which Chris in turn found on which had been found originally on a now dead […]

  6. yuvilio Says:

    I’m running ubuntu with emacs 23.2 and emacs-mode package 0.11-7 and STILL had insane tabs when it came to css. This snippet did the trick for me.

    The mapping of auto indenting to a button was also a good idea.


  7. emacs备忘 « Xmlu's Blog Says:

    […] From Here […]

  8. Arreglar la indentación para los CSS en Emacs | Poesía Binaria Says:

    […] Stokebloke […]

Leave a Reply