decorative banner

Creating ID styles


    Unlike classes, which you can apply to an unlimited number of items in a page, an ID style lets you apply a specific style only once in a document. Use IDs for a unique paragraph or range of text, such as a headline, warning message, or other text that needs unique and very restrictive treatment to distinguish it from other content.

    Tip iconGoLive floating boxes use ID styles to define their properties. If your document contains floating boxes, the document's CSS Editor lists an ID style for each floating box. You can use the CSS Inspector to edit many floating box properties, such as border size and style, that are not available through the Floating Box Inspector. Many of these properties are not available in the Inspector because browsers do not consistently support them at this time.

To create an ID style:

  1. In the CSS Editor, do one of the following:
    • Click the New ID Style button New ID Style button , or choose New ID Style from the context or CSS Editor menu.
    • Select an existing ID style, and choose Duplicate from the context or Edit menu.
  2. Select the new style in the CSS Editor, and in the Basics set Basics set button of the CSS Inspector, type a unique alphanumeric ID name in the Name text box, preceded by a pound symbol(#) and with no spaces--for example, #myheaderid.
  3. In the CSS Inspector, add style properties. (See Defining style properties.)
  4. Applying the ID style requires that you hand-edit the source code of your page. (See Applying styles.)