View comments | RSS feed

Dreamweaver CS3  |  Go to CS4 Help

Set CSS Styles preferences

CSS style preferences control how Dreamweaver writes the code that defines CSS styles. CSS styles can be written in a shorthand form that some people find easier to work with. Some older versions of browsers, however, do not correctly interpret the shorthand.

  1. Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh) and from the Category list select CSS Styles.
  2. Set the CSS style options you want to apply:
    When Creating CSS Rules Use Shorthand For
    Lets you select which CSS style properties Dreamweaver writes in shorthand.

    When Editing CSS Rules Use Shorthand
    Controls whether Dreamweaver rewrites existing styles in shorthand.
    Select If Original Used Shorthand to leave all styles as they are.

    Select According to Settings Above to rewrite styles in shorthand for the properties selected in Use Shorthand For.

    When Double-Clicking In CSS Panel
    Lets you select a tool for editing CSS rules.

  3. Click OK.

Comments

Comments are no longer accepted for Dreamweaver CS3. Dreamweaver CS4 is the current version. To discuss Dreamweaver CS3, please use the Adobe forum.

Comments


BonBaYel said on Jun 4, 2008 at 6:17 PM :
This does not explain what "shorthand" is. If this is explained somewhere, there should be a link. Otherwise there should be more information than "some older browsers can't read it."

I haven't a clue what short-hand is, and I've been using CSS for years.
LoriHC (Dreamweaver Team) said on Jun 5, 2008 at 10:15 AM :
Shorthand refers to the ability to set several properties with a single property. For example, background is a shorthand property that lets you set background-color, background-image, background-repeat, background-attachment, and background-position (or any one or more of these properties) in a single declaration.

background: #FFF;

is the same as

background-color: #FFF;

while

background: url("foo.gif") no-repeat;

is the same as

background-image: url("foo.gif");
background-repeat: no-repeat;

For more on shorthand properties, see "About Shorthand CSS properties" at http://livedocs.adobe.com/en_US/Dreamweaver/9.0/WScbb6b82af5544594822510a94ae8d65-7e2d.html.

 

RSS feed | Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/en_US/Dreamweaver/9.0/WScbb6b82af5544594822510a94ae8d65-7dd1.html