Home > Articles > Graphics & Web Design > Dreamweaver & Flash

  • Print
  • + Share This

Adding a Horizontal Rule

Horizontal rules occupy their own line from the left margin to the right margin. The standard horizontal rule is an embossed-looking rule in the background color with a dark shadow on the top and left and a highlight on the right and bottom.

  1. Position your cursor in the Document window where you want to add the rule.

  2. Click the Horizontal Rule icon in the Objects panel to insert the rule at the cursor.

  3. Figure 5.19 The default horizontal rule extends from left to right and is embossed.

  4. Select WindowfiProperties to display the Property inspector if it isn't already visible.

  5. Click the horizontal rule within the Document window to highlight it. Adjust the attributes for the rule (Table 5.1) in the Property inspector.

  6. Figure 5.20

Table 5.1 Setting Horizontal Rule Attributes




Specifies the length of a rule. You can enter a pixel value in this field, or select % from the pull-down menu and enter a value that is the percentage of the browser window width.


Specifies the thickness of a rule in pixels. The default height is 1 pixel, with a 1-pixel shadow and highlight.


Selects an alignment option from the Align pull-down menu. The default alignment for horizontal rules is centered.


Checks the Shading check box to achieve the embossed-looking rule. If you uncheck this box, the rule appears solid.


You can specify a color for the horizontal rule in the HTML source code by using either a hexadecimal color, such as <hr color="#FF3333">, or a color name, such as <hr color="red">. Microsoft's Internet Explorer is the only browser that supports using the color attribute with the horizontal rule tag. When you specify a color for the horizontal rule, shading is turned off and the rule appears solid in the browser.

  • + Share This
  • 🔖 Save To Your Account

Related Resources

There are currently no related titles. Please check back later.