In Dreamweaver CC and later, CSS Styles panel is replaced with CSS Designer. For more information, see CSS Designer.
You can set preferences that control the format of your CSS code whenever you create or edit a CSS rule using the Dreamweaver interface. For example, you can set preferences that will place all CSS properties on separate lines, place a blank line between CSS rules, and so on.
When you set CSS code formatting preferences, the preferences you select are automatically applied to all new CSS rules that you create. You can, however, also apply these preferences manually to individual documents. This might be useful if you have an older HTML or CSS document that needs formatting.
CSS code formatting preferences apply to CSS rules in external or embedded style sheets only (not to in-line styles)
- In the CSS Source Format Options dialog box, select the options that you want to apply to your CSS source code. A preview of the CSS as it would look according to the options you’ve selected appears in the Preview window below.
Indent Properties With
Sets the indentation value for properties within a rule. You can specify tabs or spaces.
Opening Brace On Separate Line
Places the opening brace for a rule on a separate line from the selector.
CSS code formatting also inherits the Line Break Type preference that you set in the Code Format category of the Preferences dialog box.