Tip #16: Did you know. How to change the default format settings for CSS Editor?

There is a Tools ->Options setting under Text Editor -> CSS ->Format Node which helps you change the default CSS Format settings.

This dialog gives you the flexibility of setting the default CSS Formatting styles in any of     the following Styles:

Compact rules: In this option the Style selector and the properties are placed in one single line as shown below:

<style type="text/css">
       .MyCSStyle { text-align: center; margin-left: 5px; }
</style>

Semi-Expanded: In this option the selector and start of the curly brace are placed on the same line, the various properties appear in a new line and the closing curly braces       appear in yet another new line as shown below:

<style type="text/css">

.MyCSStyle {
           text-align: center;
           margin-left: 5px;
       }
</style>

Expanded: In this option, the selector, curly braces and the properties all appear on different lines as shown below.

<style type="text/css">
       .MyCSStyle
       {
           text-align: center;
           margin-left: 5px;
       }
</style>

After setting this, you can select the style in your Editor and click on Edit Menu->Format Selection. This will format the old CSS format to the newly set formatting style.

Reshmi Mangalore

SDET, Web Development Tools

Source Click Here.